Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add first post to the website. #1

Merged
merged 21 commits into from
Nov 21, 2024
Merged

Add first post to the website. #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
b31c9ff
Create template
TriAttack238 Nov 21, 2024
192fc0a
Rename template to template.html
TriAttack238 Nov 21, 2024
3903930
Update blog.html
TriAttack238 Nov 21, 2024
6ab5e19
Update template.html
TriAttack238 Nov 21, 2024
e1762b5
Update template.html
TriAttack238 Nov 21, 2024
9acd4f8
Update template.html
TriAttack238 Nov 21, 2024
95e0ce5
Update nav.html
TriAttack238 Nov 21, 2024
50c5871
Update nav.html
TriAttack238 Nov 21, 2024
cc8bbfc
Update template.html
TriAttack238 Nov 21, 2024
87a75d6
Update about.html
TriAttack238 Nov 21, 2024
b4208e2
Update template.html
TriAttack238 Nov 21, 2024
b851a22
Update nav.html
TriAttack238 Nov 21, 2024
5a99f7c
Create first_post
TriAttack238 Nov 21, 2024
bf46944
Rename first_post to my-first-post
TriAttack238 Nov 21, 2024
a5b22c4
Rename my-first-post to my-first-post.html
TriAttack238 Nov 21, 2024
c5fcb85
Update blog.html
TriAttack238 Nov 21, 2024
c506164
Update blog.html
TriAttack238 Nov 21, 2024
a96b0f1
Update blog.html
TriAttack238 Nov 21, 2024
a1f449d
Update blog.html
TriAttack238 Nov 21, 2024
8239568
Update blog.html
TriAttack238 Nov 21, 2024
15f9440
Update blog.html
TriAttack238 Nov 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<body>
<div id="replace_with_navbar"></div>

<br><br><br>
<br><br><br><br><br>

<!-- headings -->
<h1>About Me</h1>
Expand All @@ -45,4 +45,4 @@ <h1>About Me</h1>
<script src="script.js"></script>
<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
</body>
</html>
</html>
12 changes: 5 additions & 7 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,16 +23,14 @@

<br><br><br><br><br>
<br>
</p>

<!-- headings -->
<h1>About Me</h1>
<p>
This is dummy text that will be replaced with links to actual blog posts.
</p>
<h1><a class="link" style="color:yellow" href="/posts/my-first-post.html">My First Post!</a></h1>

<script src="script.js"></script>
</body>

<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
</div>

</html>

</html>
16 changes: 8 additions & 8 deletions nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
<!-- NAVIGATION BAR CODE -->
<div class="header">
<header>
<table style="background-image: url('assets/images/banner.png')">
<table style="background-image: url('/assets/images/banner.png')">
<tr>
<td><p style="color: black"><b>Sean's Website</b></p></td>
<td><button class="table-button" onclick = "window.location.href='index.html';">Home</button></td>
<td><button class="table-button" onclick = "window.location.href='about.html';">About</button></td>
<td><button class="table-button" onclick = "window.location.href='blog.html';">Blog</button></td>
<td><button class="table-button" onclick = "window.location.href='projects.html';">Projects</button></td>
<td><button class="table-button" onclick = "window.location.href='rss.html';">RSS</button></td>
<td><button class="table-button" onclick = "window.location.href='downloads.html';">Downloads</button></td>
<td><button class="table-button" onclick = "window.location.href='/index.html';">Home</button></td>
<td><button class="table-button" onclick = "window.location.href='/about.html';">About</button></td>
<td><button class="table-button" onclick = "window.location.href='/blog.html';">Blog</button></td>
<td><button class="table-button" onclick = "window.location.href='/projects.html';">Projects</button></td>
<td><button class="table-button" onclick = "window.location.href='/rss.html';">RSS</button></td>
<td><button class="table-button" onclick = "window.location.href='/downloads.html';">Downloads</button></td>
</tr>
</table>
</header>
</div>
</div>
40 changes: 40 additions & 0 deletions posts/my-first-post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang = "en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Sean's Website</title>
<link href="/style.css" rel="stylesheet" type="text/css">
<script>
// loads header
function loadHeader() {
fetch('/nav.html')
.then(response => response.text())
.then(data => {
document.getElementById('replace_with_navbar').outerHTML = data;
});
}
document.addEventListener('DOMContentLoaded', loadHeader);
</script>
</head>
<body>
<div id="replace_with_navbar"></div>

<br><br><br><br><br>

<!-- headings -->
<h1>First Post!</h1>

<p>
Hello everyone!

My name is Sean, and welcome to my website! Here, I'll be posting my thoughts occasionally on things that interest me, like cooking, programming, and science. Maybe I'll even set up RSS properly!
</p>



<script src="/script.js"></script>
<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
</body>
</html>
48 changes: 48 additions & 0 deletions posts/template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang = "en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Sean's Website</title>
<link href="/style.css" rel="stylesheet" type="text/css">
<script>
// loads header
function loadHeader() {
fetch('/nav.html')
.then(response => response.text())
.then(data => {
document.getElementById('replace_with_navbar').outerHTML = data;
});
}
document.addEventListener('DOMContentLoaded', loadHeader);
</script>
</head>
<body>
<div id="replace_with_navbar"></div>

<br><br><br><br><br>

<!-- headings -->
<h1>Template</h1>

<p>
This is a template post for other posts to use
</p>

<ul>
<li>1</li>
<li>2</li>
<li>COBOL (like <a class="link" style="color:yellow" href="https://github.com/otterkit/otterkit">The Otterkit Project</a> or other programming and computing topics</li>
<li>3</li>
<li>4</li>
</ul>

<p>
If you're interested, please download my <a class="link" style="color:yellow" href="/assets/sean_vo_resume.pdf">resume</a> here.
</p>

<script src="/script.js"></script>
<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
</body>
</html>