Skip to content

Commit a315d8a

Browse files
epistrepheinepistrephein
committed
Create project website for GitHub pages
1 parent 3b4d890 commit a315d8a

5 files changed

Lines changed: 384 additions & 1 deletion

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Group project for the Digital Heritage and Multimedia 2024/25 course.
44

5-
Work in progress.
5+
The aim of this project is to design an interactive application for children to help them explore the museums of the University of Bologna while learning through entertaining games to distinguish what is real from what is AI-generated.
66

77
## Team members
88
- [Tommaso Barbato](https://github.com/epistrephein)

‎html/index.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>The Real Tour</title>
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
8+
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
9+
<link href="main.css" rel="stylesheet">
10+
</head>
11+
<body>
12+
<img src="logo.png" alt="The Real Tour" class="logo">
13+
14+
<p class="description">
15+
The aim of this project is to design an interactive application for children to help them explore the museums of the University of Bologna while learning through entertaining games to distinguish what is real from what is AI-generated.
16+
</p>
17+
18+
<div>
19+
<a href="https://example.com/resource1" class="btn-mario">Design Brief</a>
20+
<a href="twine.html" class="btn-mario">UX Scenario (Twine)</a>
21+
<a href="https://example.com/resource3" class="btn-mario">Prototype (Figma)</a>
22+
</div>
23+
24+
<ul class="participants">
25+
<li>Tommaso Barbato</li>
26+
<li>Maryam Dadras</li>
27+
<li>Alice Spadavecchia</li>
28+
<li>Martina Uccheddu</li>
29+
</ul>
30+
31+
<div class="github-logo">
32+
<a href="https://github.com/metamuses/the-real-tour">
33+
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" alt="GitHub Logo" title="The Real Tour GitHub repository">
34+
</a>
35+
</div>
36+
</body>
37+
</html>

‎html/logo.png‎

47.6 KB
Loading

‎html/main.css‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
body {
2+
background-color: #709BF0; /* Mario sky blue */
3+
font-family: 'Press Start 2P', monospace;
4+
color: #000;
5+
text-align: center;
6+
padding: 20px;
7+
}
8+
9+
.logo {
10+
max-width: 400px;
11+
}
12+
13+
.description {
14+
font-size: 14px;
15+
margin: 20px auto 40px auto;
16+
max-width: 600px;
17+
}
18+
19+
.participants {
20+
font-size: 12px;
21+
margin-top: 70px;
22+
list-style: none;
23+
padding-left: 0;
24+
}
25+
26+
.participants li {
27+
margin: 5px 0;
28+
}
29+
30+
.btn-mario {
31+
display: block;
32+
width: 280px;
33+
background-color: #DF923C; /* Block color */
34+
color: #000;
35+
border: 4px solid #000;
36+
padding: 12px 20px;
37+
margin: 10px auto;
38+
text-decoration: none;
39+
text-transform: uppercase;
40+
font-size: 12px;
41+
box-shadow: 4px 4px 0 #000;
42+
transition: transform 0.1s ease;
43+
}
44+
45+
.btn-mario:hover {
46+
transform: translateY(2px);
47+
box-shadow: 2px 2px 0 #000;
48+
}
49+
50+
.github-logo {
51+
margin-top: 50px;
52+
}
53+
54+
.github-logo img {
55+
width: 40px;
56+
height: 40px;
57+
transition: transform 0.2s;
58+
}
59+
60+
.github-logo img:hover {
61+
transform: scale(1.1);
62+
}

‎html/twine.html‎

Lines changed: 284 additions & 0 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)