Skip to content

Commit 20cd70d

Browse files
salimcodessalimcodes
authored
are we done now
1 parent 78cb425 commit 20cd70d

4 files changed

Lines changed: 101 additions & 172 deletions

File tree

‎index.html‎

Lines changed: 20 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -62,91 +62,21 @@
6262

6363
.page-title-area p { color: #666; font-size: 1rem; }
6464

65-
/* Two Column Grid */
66-
.hub-grid {
67-
display: grid;
68-
grid-template-columns: 1fr 1.2fr;
69-
gap: 2.5rem;
70-
margin: 2rem 0 5rem 0;
71-
}
65+
.bio-text p { margin-bottom: 1.5rem; }
7266

73-
.hub-section {
74-
background: white;
75-
border-radius: 20px;
76-
padding: 2.5rem;
77-
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
78-
height: fit-content;
67+
.social-item {
68+
color: #0c5ebc;
69+
font-size: 1.2rem;
70+
transition: 0.3s;
7971
}
8072

81-
.hub-section h2 {
82-
color: #0a5d80;
83-
margin-bottom: 2rem;
84-
font-size: 1.6rem;
85-
display: flex;
86-
align-items: center;
87-
gap: 12px;
88-
}
89-
90-
/* Reading List Styles */
91-
.book-cat { margin-bottom: 2rem; }
92-
.book-cat h3 {
93-
font-size: 0.85rem;
94-
color: #764ba2;
95-
margin-bottom: 12px;
96-
text-transform: uppercase;
97-
letter-spacing: 1.5px;
98-
border-left: 3px solid #764ba2;
99-
padding-left: 10px;
100-
}
101-
102-
.book-list { list-style: none; }
103-
.book-list li {
104-
font-size: 0.95rem;
105-
padding: 6px 0;
106-
color: #333;
107-
border-bottom: 1px solid #f0f0f0;
73+
.social-item:hover {
74+
color: #764ba2;
10875
}
109-
.book-list li:last-child { border-bottom: none; }
110-
111-
.recommend-btn {
112-
display: block;
113-
margin-top: 1rem;
114-
background: #0c5ebc;
115-
color: white;
116-
text-align: center;
117-
padding: 14px;
118-
border-radius: 10px;
119-
text-decoration: none;
120-
font-weight: 700;
121-
transition: 0.3s ease;
122-
}
123-
.recommend-btn:hover { background: #0a5d80; transform: translateY(-2px); }
124-
125-
/* Sidequest Styles */
126-
.sidequest-item {
127-
margin-bottom: 2.5rem;
128-
}
129-
.sidequest-item:last-child { margin-bottom: 0; }
130-
131-
.sidequest-img {
132-
width: 100%;
133-
height: 200px;
134-
background: #eee;
135-
border-radius: 12px;
136-
margin-bottom: 15px;
137-
object-fit: cover;
138-
display: block;
139-
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
140-
}
141-
142-
.sidequest-item h4 { color: #0c5ebc; font-size: 1.2rem; margin-bottom: 8px; }
143-
.sidequest-item p { font-size: 0.9rem; color: #444; margin-bottom: 12px; line-height: 1.5; }
144-
.quest-link { font-weight: 700; color: #764ba2; text-decoration: none; font-size: 0.85rem; }
14576

14677
@media (max-width: 850px) {
147-
.hub-grid { grid-template-columns: 1fr; }
78+
.page-intro { flex-direction: column; text-align: center; }
14879
.page-title-area h1 { font-size: 2rem; }
149-
.container { padding: 0 20px; }
15080
}
15181
</style>
15282
</head>
@@ -158,17 +88,17 @@ <h1 class="logo"><a href="index.html">Salim Oyinlọlá</a></h1>
15888
<ul class="navbar">
15989
<li><a href="news.html">News</a></li>
16090
<li><a href="registry.html">Registry</a></li>
161-
<li><a href="blog.html">Blog</a></li>
91+
<li><a href="blog.html">Memoirs</a></li>
16292
</ul>
16393
</div>
16494
</nav>
16595
</header>
16696

167-
<article class="page container">
97+
<article class="page container" style="margin-top: 50px;">
16898
<div class="page-content">
16999
<div class="page-intro" style="display: flex; align-items: center; gap: 30px; margin-bottom: 30px;">
170100
<div class="page-intro-item">
171-
<img src="assets/img/Salim.jpg" alt="Salim Oyinlola" width="180px" class="roundImg" style="border-radius: 50%;" />
101+
<img src="assets/img/Salim.jpg" alt="Salim Oyinlola" width="180px" class="roundImg" style="border-radius: 50%; box-shadow: 0 4px 15px rgba(0,0,0,0.1);" />
172102
</div>
173103
<div class="page-intro-item">
174104
<h2 style="color: #0a5d80;">Hey. Hi. I am Salim Oyinlola.</h2>
@@ -192,26 +122,26 @@ <h2 style="color: #0a5d80;">Hey. Hi. I am Salim Oyinlola.</h2>
192122
</div>
193123
</article>
194124

195-
<section class="container" style="padding-bottom: 50px;">
125+
<section class="container" style="padding-bottom: 80px; margin-top: 40px;">
196126
<h2 class="header-name" style="border-bottom: 2px solid #0a5d80; padding-bottom: 10px; margin-bottom: 20px;">Latest News</h2>
197-
<ul class="list">
198-
<li>
127+
<ul class="list" style="list-style: none;">
128+
<li style="margin-bottom: 15px;">
199129
<strong>Second Season of Open Source Stories:</strong> Featuring ten students across eight countries, now live on <a href="#"><span style="color: rgb(10, 93, 128)">YouTube</span></a>. (Nov. 2025)
200130
</li>
201-
<li>
131+
<li style="margin-bottom: 15px;">
202132
<strong>Iowa State University REU:</strong> Joined the Translational AI Center (TrAC) under Dr. Soumik Sarkar. (May 2025)
203133
</li>
204-
<li>
134+
<li style="margin-bottom: 15px;">
205135
<strong>Joined Curacel:</strong> Building AI-powered infrastructure for insurance solutions. (Apr. 2025)
206136
</li>
207137
</ul>
208-
<div class="read-more-button" style="margin-top: 20px;">
209-
<a href="news.html" style="background: #0a5d80; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">View Archive</a>
138+
<div class="read-more-button" style="margin-top: 25px;">
139+
<a href="news.html" style="background: #0a5d80; color: white; padding: 12px 25px; text-decoration: none; border-radius: 8px; font-weight: 600;">View Archive</a>
210140
</div>
211141
</section>
212142

213-
<footer class="site-footer">
214-
<div class="container" style="padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.1);">
143+
<footer class="site-footer" style="padding: 40px 0; background: white;">
144+
<div class="container" style="border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;">
215145
<small><b>Last Updated:</b> Dec 2025</small><br>
216146
<small class="block">© Salim Oyinlola. Forked from Steven Kolawole.</small>
217147
</div>

blog.html renamed to memoirs.html

File renamed without changes.

0 commit comments

Comments
 (0)