added recent commits histroy on home page and QOL upgrades

TODO: Make all webpages use wholy nodejs to load elements onto it rather than client side javascript whcih can be goofy in lynx
This commit is contained in:
DeaDvey 2024-01-08 18:07:16 +00:00
parent f6b109c4a6
commit a63e9f3758
9 changed files with 29 additions and 6 deletions

BIN
.index.html.swp Normal file

Binary file not shown.

5
commits.sh Executable file
View File

@ -0,0 +1,5 @@
commits=$(git log --pretty=format:"%s -- %an (%ad)<br/>" -10)
echo 'let commits = `'$commits'`' > recent-commits.js

View File

@ -1,6 +1,6 @@
<div id="main"> <div id="main">
<h1>Experiments</h1> <h1>Experiments</h1>
<li><a href="bellbollard">Bell Bollard Tracker</a></li> <li><a href="bellbollard">Bell Bollard Tracker (Google Maps embed)</a></li>
<li><a href="wraithfate">Wraithfate Version 1</a></li> <li><a href="wraithfate">Wraithfate Version 1</a></li>
<li><a href="wraithfate_v2">Wraithfate Version 2</a></li> <li><a href="wraithfate_v2">Wraithfate Version 2</a></li>
</div> </div>

BIN
images/henry-stickmin.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
images/hyprland-vs-sway.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

View File

@ -5,15 +5,21 @@
<a href="/" onclick="history.back()"><img src="/images/return.png" width="20" />Return</a> | <a href="/" onclick="history.back()"><img src="/images/return.png" width="20" />Return</a> |
<a href="/">Home page</a> | <a href="/blog/index.html">Blogs</a> <a href="/feed.xml"><img width="16" src="/images/feedIcon.png" class="feedicon" alt="Feed image"/></a> | <a href="/video/index.html">Videos</a> | <a href="https://github.com/DeaDvey/htdocs"><img height="15" src="/images/github.png" alt="Link to github page"/></a> | <input type="text" id="clickableInput" onclick="goToLink('/search')" placeholder="Click to search"> <a href="/">Home page</a> | <a href="/blog/index.html">Blogs</a> <a href="/feed.xml"><img width="16" src="/images/feedIcon.png" class="feedicon" alt="Feed image"/></a> | <a href="/video/index.html">Videos</a> | <a href="https://github.com/DeaDvey/htdocs"><img height="15" src="/images/github.png" alt="Link to github page"/></a> | <input type="text" id="clickableInput" onclick="goToLink('/search')" placeholder="Click to search">
<div id="main"> <div id="main">
<h1>Hey! <img height="30" src="/images/penguin-dance-pengu.gif" /></h1> <h3>Introduction! <img height="30" src="/images/penguin-dance-pengu.gif" /></h3>
<p>Welcome to my personal website! I hope you have a good time. <p>Welcome to my personal website! I hope you have a good time.
Feel free to click the links above for more content! Feel free to click the links above for more content!
Also, see below for links to my other stuff.<br/>This website is completley open source on Github, see <a href="https://github.com/DeaDvey/htdocs">Website files</a> and <a href="https://github.com/DeaDvey/node">Node js files</a>.</p> Also, see below for links to my other stuff.<br/>This website is completley open source on Github, see <a href="https://github.com/DeaDvey/htdocs">Website files</a> and <a href="https://github.com/DeaDvey/node">Node js files</a>.</p>
<h3>Contact: <img height="30" src="/images/among-us-sus.gif"/></h3> <h3>Contact: <img height="30" src="/images/among-us-sus.gif"/></h3>
<p>In order to contact me, you can email me <a href="mailto:email@deadvey.xyz">email@deadvey.xyz</a> Or PM me through Matrix, @deadvey:matrix.org</p><br/> <p>In order to contact me, you can email me <a href="mailto:email@deadvey.xyz">email@deadvey.xyz</a><br/>Or PM me through Matrix, @deadvey:matrix.org<br/>However, if you want to report a bug then the best way would be on the <a href="https://github.com/DeaDvey/htdocs">Git repo</a></p>
<p>Here you can read my latest blog post: <div id="latestBlog"></div>
<h3>Recent Commits: </h3><div id="commits">I'm sorry, you need to by running the <a href="https://github.com/DeaDvey/htdocs">Open source</a> javascript to load this section</div><br/>
<h3>Here you can read my latest blog post:</h3> <div id="latestBlog"><a href="/blog/blogs/latest.html">Latest blog</a></div>
</div> </div>
<script src="recent-commits.js">
</script>
<script src="/blog/blogs.js"> <script src="/blog/blogs.js">
</script> </script>
<script src="html.js"> <script src="html.js">

1
recent-commits.js Normal file
View File

@ -0,0 +1 @@
let commits = `added new blog, kinda boring though -- DeaDvey (Mon Jan 8 17:10:25 2024 +0000)<br/> added fallbacks so it works without client side js -- DeaDvey (Thu Jan 4 22:05:28 2024 +0000)<br/> added alt text to rss feed and github icons -- DeaDvey (Wed Jan 3 11:53:35 2024 +0000)<br/> added latest.html and put the most recent blog post on the home page -- DeaDvey (Wed Jan 3 11:46:46 2024 +0000)<br/> added copyright and license notice (GPL3) -- DeaDvey (Wed Jan 3 01:35:42 2024 +0000)<br/> removed lastupated thingy -- DeaDvey (Wed Jan 3 01:13:37 2024 +0000)<br/> added License -- DeaDvey (Wed Jan 3 01:09:14 2024 +0000)<br/> Added more details to the home page -- DeaDvey (Wed Jan 3 01:06:08 2024 +0000)<br/> Added more details to the home page -- DeaDvey (Wed Jan 3 01:05:55 2024 +0000)<br/> added footer to main class and added link to github page -- DeaDvey (Wed Jan 3 00:46:06 2024 +0000)<br/>`

View File

@ -46,5 +46,11 @@
"name": "Happy New Year!!!!", "name": "Happy New Year!!!!",
"tags": "new year,terminology,victor mono,resolution,pi,montior,7 inch,peertube,node js,github,previous,next,revision", "tags": "new year,terminology,victor mono,resolution,pi,montior,7 inch,peertube,node js,github,previous,next,revision",
"link": "/blog/blogs/7.html" "link": "/blog/blogs/7.html"
},
{
"id": 8,
"name": "Henry Stickmin completion",
"tags": "henry stickmin,HIVE,comments,hyprland,sway,braces,bored",
"link": "/blog/blogs/8.html"
} }
] ]

View File

@ -11,11 +11,16 @@ function goToLink(link) {
window.location.href = link window.location.href = link
} }
// Write latest commits to page
let commitsDiv = document.getElementById("commits")
commitsDiv.innerHTML = commits
// Write latest blog to home page // Write latest blog to home page
let latestBlogDiv = document.getElementById("latestBlog"); let latestBlogDiv = document.getElementById("latestBlog");
let blogText = `<h5 class="blog-date">${blogs[blogs.length - 1][2]}</h3> let blogText = `<h5 class="blog-title">${blogs[blogs.length - 1][0]}</h5>
<h3 class="blog-title">${blogs[blogs.length - 1][0]}</h1>
${blogs[blogs.length - 1][1]} ${blogs[blogs.length - 1][1]}
${blogs[blogs.length - 1][3] ? ${blogs[blogs.length - 1][3] ?
`<div class="blog-images"> `<div class="blog-images">