Skip to content

Commit b33df3e

Browse files
FabbernatFabbernat
committed
easy-to learn website, beacuse the colors have semantical meaning
1 parent 3cd6e50 commit b33df3e

File tree

1 file changed

+34
-39
lines changed

1 file changed

+34
-39
lines changed

‎index.html‎

Lines changed: 34 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,31 @@
1111
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap"
1212
rel="stylesheet">
1313
<link href="src/styles.css" rel="stylesheet">
14+
<style>
15+
#summer-camp-reservation-title {
16+
text-align: center;
17+
font-size: 2.5rem;
18+
font-weight: bold;
19+
text-transform: uppercase;
20+
animation: neon-rainbow 5s linear infinite;
21+
text-shadow: 0 0 5px #fff,
22+
0 0 10px #fff,
23+
0 0 20px #ff00de,
24+
0 0 30px #ff00de,
25+
0 0 40px #00ffff,
26+
0 0 50px #00ffff,
27+
0 0 60px #00ffff;
28+
}
29+
30+
@keyframes neon-rainbow {
31+
0% { color: red; }
32+
16% { color: orange; }
33+
32% { color: yellow; }
34+
48% { color: lime; }
35+
64% { color: cyan; }
36+
80% { color: blue; }
37+
100% { color: magenta; }
38+
} </style>
1439
</head>
1540
<body>
1641
<header id="header">
@@ -83,59 +108,29 @@ <h4 style="margin-top: 0; padding-top: 0">
83108
</div>
84109
</li>
85110
<li>
111+
<img alt="PDF_file_icon.svg.png" height="32" src="/img/PDF_file_icon.svg.png" width="32">
112+
<p>PDF version</p>
86113
<embed height="2100px" src="Szakdolgozat-Fabian-Bernat.pdf" width="800px"/>
87114
<br />
88-
<p>PDF version</p>
89115
</li>
90116
<span>
91117
<img alt="oveleaflogo.png" height="32" src="/img/oveleaflogo.png" width="32">
92-
<li><a href="https://www.overleaf.com/read/pfzywbczdsfb#057a56"
93-
target="_blank">Link to Overleaf project</a></li>
118+
<li><a href="https://www.overleaf.com/read/pfzywbczdsfb#057a56" target="_blank" style="color: blue;">Link to Overleaf project</a></li>
94119
</span>
95-
<img alt="PDF_file_icon.svg.png" height="32" src="/img/PDF_file_icon.svg.png" width="32">
96-
<li class="bold-and-highlighted">
97-
<h2 style="align-items: center; text-align: center; @keyframes summer-camp-reservation-title {
98-
color-changing-rainbow-style: true;
99-
}
100-
101-
#summer-camp-reservation-title {
102-
text-align: center;
103-
font-size: 2.5rem;
104-
font-weight: bold;
105-
text-transform: uppercase;
106-
animation: neon-rainbow 5s linear infinite;
107-
text-shadow: 0 0 5px #fff,
108-
0 0 10px #fff,
109-
0 0 20px #ff00de,
110-
0 0 30px #ff00de,
111-
0 0 40px #00ffff,
112-
0 0 50px #00ffff,
113-
0 0 60px #00ffff;
114-
}
115-
116-
/* Színváltó animáció */
117-
@keyframes neon-rainbow {
118-
0% { color: red; }
119-
16% { color: orange; }
120-
32% { color: yellow; }
121-
48% { color: lime; }
122-
64% { color: cyan; }
123-
80% { color: blue; }
124-
100% { color: magenta; }
125-
}
126-
127-
;" id="summer-camp-reservation-title">
120+
<li class="bold-and-highlighted" style="background-color:black;
121+
;">
122+
<h2 id="summer-camp-reservation-title">
128123
Summer Camp Reservation App
129124
</h2>
130125
<p class="content-description">
131126
A FireBase deployed Angular web application for reserving summer camps in Europe.
132-
<a href="https://github.com/fabbernatdrcode/nyari-tabor-foglalo" target="_blank">Pictures and source HERE
127+
<a href="https://github.com/fabbernatdrcode/nyari-tabor-foglalo" target="_blank" style="color: blue;">Pictures and source HERE
133128
</a>
134129
</p>
135130
</li>
136131

137-
<li><a href="https://github.com/Fabbernat/TowerDefense" target="_blank">Kingdom Rush-like Tower Defense Game</a></li>
138-
<img alt="githublogo.png" height="32" src="/img/githublogo.png" width="32">
132+
<img alt="githublogo.png" height="32" src="/img/githublogo.png" width="32">
133+
<li><a href="https://github.com/Fabbernat/TowerDefense" target="_blank" style="color: blue;">Kingdom Rush-like Tower Defense Game</a></li>
139134

140135
</ul>
141136
</div>

0 commit comments

Comments
 (0)