iona_portfolio

commit 3f034253bdee5944406a7ce5402e62f6d90921e8
parent 4989d9fbb156daf73d6c915be0f4dd6e0c01e9f6
Author: Jo Young <>
Date:   Sun, 15 Feb 2026 19:50:28 +0000

Added Copyright footer

Diffstat:
M
index.html
 | 
3
+++
M
stylesheet.css
 | 
22
++++++++++++++++++----

2 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
@@ -56,6 +56,9 @@
 				</div>
 			</div>
 		</main>
+		<footer>
+			© M4_DATE_YEAR Iona DN Art, All rights reserved
+		</footer>
 		<script src="script.js"></script>
 	</body>
 </html>
diff --git a/stylesheet.css b/stylesheet.css
@@ -1,6 +1,11 @@
-html {
-	color: #faa64c;
-	background-color: #f7f3d5;
+:root {
+	--primary-fg-color: #FAA64C;
+	--secondary-fg-color: #d8842a;
+	--primary-bg-color: #f7f3d5;
+}
+body {
+	color: var(--primary-fg-color);
+	background-color: var(--primary-bg-color);
 } header {
 	padding-left: 30px;
 	padding-right: 30px;
@@ -24,7 +29,7 @@ html {
 } .profile-image {
 	object-fit: cover;
 } .about {
-	color: #d8842a;
+	color: var(--secondary-fg-color);
 	padding: 10px;
 	width: max(80vw, 100px);
 } .art-grid {
@@ -33,6 +38,15 @@ html {
 	width: 400px;
 	max-width: 75vw;
 	padding: 10px;
+} footer {
+	padding: 5px;
+	background-color: var(--primary-bg-color);
+	border-top: 1px solid var(--primary-fg-color);
+	width: 100vw;
+	position: fixed;
+	overflow: hidden;
+	bottom: 0px;
+	left: 0px;
 }
 
 @keyframes fadeEffect {