Skip to content

Commit 9b81d4d

Browse files
robertDurstrobertDurst
committed
feat: redesign homepage with project cards and Racket footer
1 parent 4c4504e commit 9b81d4d

2 files changed

Lines changed: 98 additions & 9 deletions

File tree

‎public/brickell_research_logo.png‎

1.47 MB
Loading

‎public/index.html‎

Lines changed: 98 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<title>Hello</title>
5+
<title>Home</title>
66
<style>
77
body {
88
margin: 0;
@@ -12,20 +12,109 @@
1212
font-family: Arial, sans-serif;
1313
text-align: center;
1414
}
15-
h1 {
16-
margin-top: 40px;
17-
font-size: 3em;
18-
}
1915
img {
2016
margin-top: 20px;
21-
border: 4px solid #2EC866;
22-
border-radius: 50%;
17+
max-width: 300px;
18+
height: auto;
19+
}
20+
footer {
21+
position: fixed;
22+
bottom: 20px;
23+
width: 100%;
24+
display: flex;
25+
justify-content: center;
26+
align-items: center;
27+
font-size: 0.9em;
28+
color: #8B949E;
29+
}
30+
.footer-content {
31+
display: flex;
32+
align-items: center;
33+
justify-content: center;
34+
gap: 8px;
35+
}
36+
.racket-logo-box {
37+
width: 20px;
38+
height: 20px;
39+
display: flex;
40+
align-items: center;
41+
justify-content: center;
42+
overflow: hidden;
43+
}
44+
.footer-text {
45+
font-size: 1em;
46+
color: #8B949E;
47+
line-height: 20px;
48+
}
49+
.racket-logo {
50+
width: 18px;
51+
height: 18px;
52+
line-height: 20px;
53+
margin-top: -2px;
54+
}
55+
.projects-section {
56+
margin-top: 40px;
57+
padding: 0 20px;
58+
}
59+
.projects-grid {
60+
display: flex;
61+
justify-content: center;
62+
gap: 20px;
63+
max-width: 1000px;
64+
margin: 0 auto;
65+
}
66+
.project-card {
67+
background-color: #161B22;
68+
border: 1px solid #30363D;
69+
border-radius: 8px;
70+
padding: 15px;
71+
transition: transform 0.2s ease;
72+
width: 100%;
73+
max-width: 350px;
74+
}
75+
.project-card:hover {
76+
transform: translateY(-2px);
77+
border-color: #2EC866;
78+
}
79+
.project-card h3 {
80+
color: #2EC866;
81+
margin-bottom: 10px;
82+
font-size: 1.3em;
83+
}
84+
.project-card p {
85+
color: #8B949E;
86+
line-height: 1.5;
87+
margin-bottom: 15px;
88+
}
89+
.project-link {
90+
color: #2EC866;
91+
text-decoration: none;
92+
font-weight: bold;
93+
}
94+
.project-link:hover {
95+
text-decoration: underline;
2396
}
2497
</style>
2598
</head>
2699
<body>
27-
<h1>Welcome</h1>
28-
<img src="https://avatars.githubusercontent.com/u/229819283?s=200&v=4" alt="Logo">
100+
<img src="brickell_research_logo.png" alt="Logo">
101+
102+
<div class="projects-section">
103+
<div class="projects-grid">
104+
<div class="project-card">
105+
<h3>XDR</h3>
106+
<p>External Data Representation (XDR) implementation in Racket for efficient data serialization and network communication protocols.</p>
107+
<a href="https://github.com/Brickell-Research/xdr_racket" class="project-link" target="_blank">View on GitHub →</a>
108+
</div>
109+
</div>
110+
</div>
111+
112+
<footer>
113+
<div class="footer-content">
114+
<div class="footer-text">Made with Racket</div>
115+
<div class="racket-logo-box"><img src="https://racket-lang.org/img/racket-logo.svg" alt="Racket Logo" class="racket-logo"></div>
116+
</div>
117+
</footer>
29118
</body>
30119
</html>
31120

0 commit comments

Comments
 (0)