deadvey/htdocs
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit before sleep

Browse Source
This commit is contained in:
DeaDvey 2023-12-11 22:45:30 +00:00
parent 984ed441bb
commit 14ac669c28
3 changed files with 44 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.css
View File

@ -12,3 +12,28 @@
body { body {
background-color: #4C4E52; background-color: #4C4E52;
} }
body {
font-family: 'Trebuchet MS', sans-serif;
}
* {
scrollbar-color: #00ffe4 #ff0000;
}
a:link {
color: fuchsia;
text-decoration: none;
}
a:visited {
color: orange;
text-decoration: none;
}
a:hover {
color: lime;
text-decoration: none;
}
a:active {
color: pink;
text-decoration: none;
}

16
index.html
View File

@ -1,8 +1,20 @@
<div id="main"> <div id="main">
<h1>Goodayy</h1> <h1>Bonjour</h1>
Welcome to my personal website! I hope you have a good time<br/>
Feel free to click the links above for more content!<br/>
Also, see below for links to my other situations<br/>
<ol>
Internal:
<li><a href="theunderlandcouk" >theunderland webpages (internal link)</a></li>
<li><a href="experiments.html" >Experiments (internal link)</a></li>
<br/>
External:
<li><a href="https://github.com/DeaDvey" >Github (external link)</a></li>
<li><a href="https://gitlab.com/deadvey" >Gitlab (external link)</a></li>
<li><a href="https://mastodon.social/@DeaDvey" >Mastadon.social (external link)</a></li>
</ol>
</div> </div>
<script src="template.js"> <script src="template.js">
</script> </script>

12
template.js
View File

@ -1,10 +1,9 @@
let div = document.getElementById('main'); let div = document.getElementById('main');
let divText = div.textContent || div.innerText; let divText = div.innerHTML;
console.log(divText); console.log(divText);
let newPageHTML = `<!DOCTYPE html> let newPageHTML = `
<html>
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<title>DeaDvey's Domain</title> <title>DeaDvey's Domain</title>
@ -12,15 +11,14 @@ let newPageHTML = `<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="index.css"> <link rel="stylesheet" type="text/css" href="index.css">
</head> </head>
<body> <body>
<div class="header"> <div class="header main">
<img class="header-image" width="400px" src="header-image.png"></img> <img class="header-image" /><br/><a href="https://deadvey.xyz">Home page</a> <a href="../blog">Blogs</a> <a href="../videos">Videos</a><hr/>
</div> </div>
<div class="main"> <div class="main">
${divText} ${divText}
</div> </div>
<div class="footer"> <div class="footer">
</div> </div>
</body> </body>`
</html>`
document.body.innerHTML = newPageHTML document.body.innerHTML = newPageHTML