scroll up button

Xilef12000 · May 17, 2024 · f908d22 · f908d22
1 parent d15f964
commit f908d22
Show file tree

Hide file tree

Showing 13 changed files with 74 additions and 2 deletions.
diff --git a/docs/404.html b/docs/404.html
diff --git a/docs/about-me.html b/docs/about-me.html
diff --git a/docs/about.html b/docs/about.html
diff --git a/docs/assets/scripts/script.js b/docs/assets/scripts/script.js
diff --git a/docs/assets/styles/style.css b/docs/assets/styles/style.css
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/projects.html b/docs/projects.html
diff --git a/docs/projects/grandMA2_Lissaious_Form_Effect.html b/docs/projects/grandMA2_Lissaious_Form_Effect.html
diff --git a/render-list.json b/render-list.json
@@ -10,6 +10,7 @@
         "http://localhost:3000/assets/styles/style.css",
         "http://localhost:3000/assets/styles/fonts.css",
         "http://localhost:3000/assets/images/thumbnail/pencil_case.jpg",
+        "http://localhost:3000/assets/scripts/script.js",
         "http://localhost:3000/assets/scripts/404.js",
         "http://localhost:3000/projects/grandMA2_Lissaious_Form_Effect",
         "http://localhost:3000/assets/images/thumbnail/x42_space.png",
@@ -21,6 +22,7 @@
         "http://localhost:3000/assets/images/thumbnail/xilef12000.github.io.png",
         "http://localhost:3000/assets/scripts/about.js",
         "http://localhost:3000/assets/downloads/Lissaious.xml",
-        "http://localhost:3000/assets/images/Lissaious_Graph_Editor.png"
+        "http://localhost:3000/assets/images/Lissaious_Graph_Editor.png",
+        "http://localhost:3000/projects/assets/scripts/script.js"
     ]
 }
diff --git a/views/assets/scripts/script.js b/views/assets/scripts/script.js
@@ -0,0 +1,3 @@
+function goTop() {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+}
diff --git a/views/assets/styles/style.css b/views/assets/styles/style.css
@@ -207,6 +207,17 @@ h6 {
 .footer a:hover {
 	color: var(--color-blue);
 }
+.footer a.up-svg {
+	height: 2rem;
+	width: 2rem;
+	margin-right: 5rem;
+}
+.footer a.up-svg svg path {
+	fill: var(--color-text);
+}
+.footer a.up-svg:hover svg path {
+	fill: var(--color-blue);
+}
 @media screen and (max-width: calc(1920px*0.8)) {
 	.footer .limiter{
 		width: 80vw;

diff --git a/views/ejs/partials/footer.ejs b/views/ejs/partials/footer.ejs
@@ -21,6 +21,11 @@
 				<a href="/about">about</a>
 				<a href="/about-me">about me</a>
 			</div>
+			<div class="block">
+				<a onclick="goTop()" class="up-svg">
+					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#3c3c3c" d="M12.71,8.29a1,1,0,0,0-.33-.21,1,1,0,0,0-.76,0,1,1,0,0,0-.33.21l-3,3a1,1,0,0,0,1.42,1.42L11,11.41V15a1,1,0,0,0,2,0V11.41l1.29,1.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"></path></svg>
+				</a>
+			</div>
 		</div>
 	</div>
 </footer>
diff --git a/views/ejs/partials/head.ejs b/views/ejs/partials/head.ejs
@@ -2,4 +2,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>x42.space | <%= typeof title != 'undefined' ? title : '' %></title>
 <link rel="stylesheet" href="/assets/styles/style.css">
-<link rel="stylesheet" href="/assets/styles/fonts.css">
+<link rel="stylesheet" href="/assets/styles/fonts.css">
+<script src="assets/scripts/script.js" type="text/javascript"></script>