diff options
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/body-bottom.html | 15 | ||||
| -rw-r--r-- | src/templates/body-top.html | 4 | ||||
| -rw-r--r-- | src/templates/inner-head.html | 6 | ||||
| -rw-r--r-- | src/templates/nav.html | 48 |
4 files changed, 73 insertions, 0 deletions
diff --git a/src/templates/body-bottom.html b/src/templates/body-bottom.html new file mode 100644 index 0000000..6a5da72 --- /dev/null +++ b/src/templates/body-bottom.html @@ -0,0 +1,15 @@ +</div> +<nav class="mobile-nav"> + <div class="mobile-nav-button"></div> + <div class="mobile-nav-button"></div> + <div class="mobile-nav-button"> + <img class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + </div> + <div class="mobile-nav-button"></div> + <div class="mobile-nav-button"></div> +</nav> +</main> +<div class="body_decoration noaa"></div> +<div class="space"></div> +</div> +<footer></footer>
\ No newline at end of file diff --git a/src/templates/body-top.html b/src/templates/body-top.html new file mode 100644 index 0000000..dc5465a --- /dev/null +++ b/src/templates/body-top.html @@ -0,0 +1,4 @@ +<div class="body-wrapper"> + <div class="background"></div> + <main> + <div id="content">
\ No newline at end of file diff --git a/src/templates/inner-head.html b/src/templates/inner-head.html new file mode 100644 index 0000000..88f5a1c --- /dev/null +++ b/src/templates/inner-head.html @@ -0,0 +1,6 @@ +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<link rel="icon" type="image/png" href="/assets/image/icon.png"> +<link rel="stylesheet" href="/assets/css/main.css"> +<link rel="stylesheet" href="/assets/css/background.css"> +<link rel="stylesheet" href="/assets/fork-awesome/css/fork-awesome.min.css">
\ No newline at end of file diff --git a/src/templates/nav.html b/src/templates/nav.html new file mode 100644 index 0000000..cef447c --- /dev/null +++ b/src/templates/nav.html @@ -0,0 +1,48 @@ +<nav class="nav"> + <div class="floatwrapper"> + <div> + <a href="/" class="header-image"> + <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between "infernal" and "garden"" src="/assets/image/header.png"> + <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + </a> + <div class="nav-button"> + <a href="/about/"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>About</span> + </a> + </div> + <div class="nav-button"> + <a href="/projects/"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>Projects</span> + </a> + </div> + <div class="nav-button"> + <a href="/services/"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>Services</span> + </a> + </div> + <div class="nav-button"> + <a href="/people/"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>People</span> + </a> + </div> + </div> + <div> + <div class="nav-button"> + <a href="/contact/"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>Contact</span> + </a> + </div> + <div id="nav-pin" class="nav-button"> + <a href="#"> + <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <span>Expand/Collapse</span> + </a> + </div> + </div> + </div> +</nav> |