Skip to content

Commit 02e6ca4

Browse files
AlexDevFlowAlexDevFlow
authored
Add files via upload
1 parent 1ac01db commit 02e6ca4

File tree

11 files changed

+1197
-0
lines changed

11 files changed

+1197
-0
lines changed

‎blog/index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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.0">
6+
<title>Blog - Coming Soon</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@400;600;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
<body>
13+
<h1>Blog</h1>
14+
<p class="typing-text"></p>
15+
<a href="/" class="back-button">Go Back Home</a>
16+
<script src="script.js"></script>
17+
</body>
18+
</html>

‎blog/script.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
document.addEventListener('DOMContentLoaded', function() {
2+
const text = "Nothing to see here yet, the inspiration is still flowing...";
3+
const typingElement = document.querySelector('.typing-text');
4+
let i = 0;
5+
6+
function typeWriter() {
7+
if (i < text.length) {
8+
typingElement.textContent += text.charAt(i);
9+
i++;
10+
setTimeout(typeWriter, 70);
11+
}
12+
}
13+
14+
typeWriter();
15+
});

‎blog/style.css‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
:root {
2+
--primary-bg: rgb(239, 224, 197);
3+
--secondary-bg: rgb(241, 236, 226);
4+
--button-bg: #3498db;
5+
--primary-color: #333333;
6+
--accent-color: #09a7e0;
7+
--text-color: #555555;
8+
--heading-font: "Montserrat", sans-serif;
9+
--body-font: "Roboto", sans-serif;
10+
}
11+
12+
body {
13+
font-family: var(--body-font);
14+
background-color: var(--primary-bg);
15+
color: var(--text-color);
16+
display: flex;
17+
flex-direction: column;
18+
justify-content: center;
19+
align-items: center;
20+
min-height: 100vh;
21+
margin: 0;
22+
text-align: center;
23+
}
24+
25+
h1 {
26+
font-family: var(--heading-font);
27+
font-size: 3.5rem;
28+
color: var(--primary-color);
29+
margin-bottom: 20px;
30+
}
31+
32+
.typing-text {
33+
font-family: var(--body-font);
34+
font-size: 1.5rem;
35+
color: var(--text-color);
36+
min-height: 2.5em;
37+
margin-bottom: 30px;
38+
white-space: pre-wrap;
39+
overflow: hidden;
40+
animation:
41+
typing 3.5s steps(40, end);
42+
}
43+
44+
@keyframes typing {
45+
from { width: 0 }
46+
to { width: 100% }
47+
}
48+
49+
.back-button {
50+
display: inline-block;
51+
margin-top: 30px;
52+
padding: 12px 25px;
53+
background-color: var(--button-bg);
54+
color: white;
55+
text-decoration: none;
56+
border-radius: 25px;
57+
transition: background-color 0.3s ease, transform 0.2s ease;
58+
font-size: 1.1rem;
59+
font-weight: 600;
60+
border: none;
61+
}
62+
63+
.back-button:hover {
64+
background-color: #2980b9;
65+
transform: translateY(-3px);
66+
}

‎index.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
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.0">
6+
<title>Alessandro Trysh</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@400;600;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="style.css">
11+
12+
</head>
13+
<body>
14+
<header class="main-header">
15+
<h1>Alessandro Trysh</h1>
16+
<p>Computer Science Student & Developer</p>
17+
</header>
18+
<main class="card-container">
19+
<a href="/portfolio/" class="card">
20+
<span class="emoji-icon">💼</span>
21+
<h2>Portfolio</h2>
22+
</a>
23+
<a href="/blog/" class="card">
24+
<span class="emoji-icon">✍️</span>
25+
<h2>Blog</h2>
26+
</a>
27+
<a href="/lab/" class="card">
28+
<span class="emoji-icon">🧪</span>
29+
<h2>Lab</h2>
30+
</a>
31+
</main>
32+
<script src="script.js"></script>
33+
</body>
34+
</html>

0 commit comments

Comments
 (0)