diff --git a/bg.mp4 b/bg.mp4 new file mode 100644 index 0000000..89df32b Binary files /dev/null and b/bg.mp4 differ diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..5831aff --- /dev/null +++ b/css/main.css @@ -0,0 +1,81 @@ +* { + padding: 0%; + margin: 0%; + box-sizing: border-box; + font-family: "Noto Sans Mono", monospace; +} + +.mainbg { + height: auto; +} + +.mainbg video { + width: 100vw; + height: 100vh; + object-fit: cover; + position: fixed; + z-index: -1; +} + +.content { + padding-bottom: 5%; + padding-top: 8%; +} + +.content div { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + color: white; +} + +.contenthead { + padding: 3px; +} + +.contentheading { + font-family: inherit; + margin: 0%; + padding: 5px; + display: flex; + justify-content: center; + font-size: 20px; + text-shadow: 0 0 3px #fff; +} + +.animatedText { + height: 5vh; + padding-bottom: 10px; + font-size: 18px; + text-shadow: 0 0 5px #fff; + width: 100%; +} + +/* Style for both button and anchor */ +.contentbtn button, +.contentbtn a { + width: 100%; + margin-bottom: 20px; + border-radius: 5px; + transition: all .15s ease; + letter-spacing: .025em; + text-shadow: 0 0 1px #fff; + text-decoration: none; /* Remove default underline on anchor elements */ + display: inline-block; /* Ensure consistent spacing */ +} + +.contentbtn button:hover, +.contentbtn a:hover { + color: black; + background-color: #fff; +} + +/* Responsive */ +@media screen AND (max-width: 700px) { + .mainbg { + height: 100vh !important; + } +} diff --git a/index.html b/index.html index 72cf44e..6d48108 100644 --- a/index.html +++ b/index.html @@ -1,32 +1,59 @@ -{{ define "main"}} + + + + + + + + + + + + + + + + Glim Midnight +
-

{{ .Site.Params.title }}

+

Glim Midnight

- {{ range .Site.Params.links }} - {{ .name }} - {{ end }} + + Github + + Wiki + + Author I + + Author II + + Hugo +
- + -{{ end }} \ No newline at end of file + + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..2f88e2f --- /dev/null +++ b/js/script.js @@ -0,0 +1,37 @@ +// typewritter +let typeJsText = document.querySelector(".animatedText"); +let stringIndex = 0; +let charIndex = 0; +let isTyping = true; + +function typeJs() { + if (stringIndex < textArray.length) { + const currentString = textArray[stringIndex]; + + if (isTyping) { + if (charIndex < currentString.length) { + typeJsText.innerHTML += currentString.charAt(charIndex); + charIndex++; + } else { + isTyping = false; + } + } else { + if (charIndex > 0) { + typeJsText.innerHTML = currentString.substring(0, charIndex - 1); + charIndex--; + } else { + isTyping = true; + stringIndex++; + + if (stringIndex >= textArray.length) { + stringIndex = 0; + } + + charIndex = 0; + typeJsText.innerHTML = ""; + } + } + } +} + +setInterval(typeJs, 120);