cs11001_project

Three-page portfolio website
Log | Files | Refs | README | LICENSE
commit 7644a1ec7f260c8df32f56a23d0da14f8e76815a
parent b97eb4ddeeb0eff33d44473dca601a2c68f61999
Author: Jo Young <2690290@dundee.ac.uk>
Date:   Mon,  9 Feb 2026 15:02:06 +0000

Changed layout from CSS-Grid based to HTML-frameset based

Diffstat:

A1.html | 15+++++++++++++++


A2.html | 0


A3.html | 0


Mindex.html | 24++++--------------------


Mstylesheet.css | 9++++-----


Atoc.html | 17+++++++++++++++++


6 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/1.html b/1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="pl">
+	<head>
+		<meta charset="UTF-8">
+		<link rel=stylesheet href=stylesheet.css>
+	</head>
+	<body>
+		<main class=main>
+			<div class="main">
+				<img class="title" src="title.webp" alt="Portfolio">
+				<div style="padding-left: 2vw; text-align: left">
+				</div>
+			</div>
+		</main>
+</html>
diff --git a/2.html b/2.html
diff --git a/3.html b/3.html
diff --git a/index.html b/index.html
@@ -5,24 +5,8 @@
 		<link rel=stylesheet href="stylesheet.css">
 		<title>Portfolio</title>
 	</head>
-	<body>
-		<main>
-			<div class=sidebar>
-				<br>
-				<i><b>Portfolio</b></i><br>
-				<hr>
-				<a href="target:blank"><i>&lt; page 1 &gt;</i></a><br>
-				<hr>
-				<a href="target:blank"><i>&lt; page 2 &gt;</i></a><br>
-				<hr>
-				<a href="target:blank"><i>&lt; page 3 &gt;</i></a><br>
-				<hr>
-			</div>
-			<div class="main">
-				<img class="title" src="title.webp" alt="Portfolio">
-				<div style="padding-left: 2vw; text-align: left">
-				</div>
-			</div>
-		</main>
-	</body>
+	<frameset cols="150,*">
+		<frame src="toc.html" name="CONTENTS"/>
+		<frame src="1.html" name="MAIN"/>
+	</frameset>
 </html>
diff --git a/stylesheet.css b/stylesheet.css
@@ -1,14 +1,13 @@
 body {
 	margin: 0px;
-} main {
-	display: grid;
-	grid-template-columns: 120px auto;
-} .sidebar {
+
+} .toc {
 	height: 100vh;
 	text-align: center;
 	background-image: linear-gradient(#31658B, #203039);
-} .sidebar, .sidebar a {
+} .toc, .toc a {
 	color: white;
+
 } .main {
 	height: 100vh;
 	background-image: linear-gradient(#FFBB81, #D88C59);
diff --git a/toc.html b/toc.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel=stylesheet href=stylesheet.css>
+	</head>
+	<body class="toc">
+		<br/>
+		<i><b>Portfolio</b></i><br>
+		<hr>
+		<a href="1.html" target=MAIN><i>&lt; page 1 &gt;</i></a><br>
+		<hr>
+		<a href="3.html" target=MAIN><i>&lt; page 2 &gt;</i></a><br>
+		<hr>
+		<a href="2.html" target=MAIN><i>&lt; page 3 &gt;</i></a><br>
+		<hr>
+	</body>
+</html>