Skip to content

Commit d04f49f

Browse files
franrob-projectsclaude
franrob-projects
and
claude
committed
Revert homepage + config changes from previous commit
Restores docusaurus.config.ts, index.tsx, index.module.css, custom.css, and GitHubStats.tsx to their state at 5c002d4. The bundled-in homepage redesign from a parallel session broke the top of the landing page (duplicated tag lists, broken nav). Projects page changes (image additions, section rename) kept. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 823245f commit d04f49f

5 files changed

Lines changed: 48 additions & 244 deletions

File tree

‎docusaurus.config.ts‎

Lines changed: 3 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -28,23 +28,6 @@ const config: Config = {
2828

2929
onBrokenLinks: 'throw',
3030

31-
// Mixpanel is loaded on production builds only so `docusaurus start` traffic
32-
// doesn't pollute the project with dev-mode pageviews and clicks.
33-
headTags: process.env.NODE_ENV === 'production'
34-
? [
35-
{
36-
tagName: 'script',
37-
attributes: { type: 'text/javascript' },
38-
innerHTML: `(function(e,c){if(!c.__SV){var l,h;window.mixpanel=c;c._i=[];c.init=function(q,r,f){function t(d,a){var g=a.split(".");2==g.length&&(d=d[g[0]],a=g[1]);d[a]=function(){d.push([a].concat(Array.prototype.slice.call(arguments,0)))}}var b=c;"undefined"!==typeof f?b=c[f]=[]:f="mixpanel";b.people=b.people||[];b.toString=function(d){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);d||(a+=" (stub)");return a};b.people.toString=function(){return b.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders start_session_recording stop_session_recording people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");for(h=0;h<l.length;h++)t(b,l[h]);var n="set set_once union unset remove delete".split(" ");b.get_group=function(){function d(p){a[p]=function(){b.push([g,[p].concat(Array.prototype.slice.call(arguments,0))])}}for(var a={},g=["get_group"].concat(Array.prototype.slice.call(arguments,0)),m=0;m<n.length;m++)d(n[m]);return a};c._i.push([q,r,f])};c.__SV=1.2;var k=e.createElement("script");k.type="text/javascript";k.async=!0;k.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\\/\\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";e=e.getElementsByTagName("script")[0];e.parentNode.insertBefore(k,e)}})(document,window.mixpanel||[]);
39-
mixpanel.init('f668a74691e1d95e8f4e2665a0486185', {
40-
autocapture: true,
41-
record_sessions_percent: 100,
42-
api_host: 'https://api-eu.mixpanel.com',
43-
});`,
44-
},
45-
]
46-
: [],
47-
4831
// Even if you don't use internationalization, you can use this field to set
4932
// useful metadata like html lang. For example, if your site is Chinese, you
5033
// may want to replace "en" with "zh-Hans".
@@ -81,12 +64,12 @@ mixpanel.init('f668a74691e1d95e8f4e2665a0486185', {
8164
},
8265
navbar: {
8366
title: 'About me',
84-
hideOnScroll: false,
8567
items: [
8668
{
87-
to: '/docs/intro',
88-
label: 'About work',
69+
type: 'docSidebar',
70+
sidebarId: 'tutorialSidebar',
8971
position: 'left',
72+
label: 'About work',
9073
},
9174
{
9275
to: '/projects',
@@ -103,16 +86,6 @@ mixpanel.init('f668a74691e1d95e8f4e2665a0486185', {
10386
label: 'GitHub',
10487
position: 'right',
10588
},
106-
{
107-
href: 'https://linkedin.com/in/francis-roberts-5850b396',
108-
label: 'LinkedIn',
109-
position: 'right',
110-
},
111-
{
112-
href: 'mailto:francis@fantasyfruitsatlife.com',
113-
label: 'Email',
114-
position: 'right',
115-
},
11689
],
11790
},
11891
prism: {

‎src/components/GitHubStats.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -115,14 +115,14 @@ const GitHubStats = () => {
115115
margin: '0 auto'
116116
}}>
117117
{contributions.slice(-365).map((day, i) => (
118-
<div
119-
key={i}
120-
title={`${day.count} contributions on ${day.date}`}
118+
<div
119+
key={i}
121120
style={{
122121
backgroundColor: getContributionColor(day.count),
123122
width: '10px',
124123
height: '10px',
125124
borderRadius: '2px',
125+
title: `${day.count} contributions on ${day.date}`
126126
}}
127127
/>
128128
))}

‎src/css/custom.css‎

Lines changed: 0 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -98,12 +98,6 @@ body {
9898
font-smoothing: antialiased;
9999
-webkit-font-smoothing: antialiased;
100100
-moz-osx-font-smoothing: grayscale;
101-
overflow-x: hidden;
102-
max-width: 100%;
103-
}
104-
105-
img {
106-
max-width: 100%;
107101
}
108102

109103
/* Typography - Supabase style headings */
@@ -374,102 +368,6 @@ main {
374368
}
375369
}
376370

377-
/* Mobile: ensure the navbar hamburger + menu work and tighten spacing */
378-
@media (max-width: 996px) {
379-
.navbar {
380-
padding: 0 4px;
381-
}
382-
383-
.navbar__inner {
384-
padding: 0 12px;
385-
}
386-
387-
.navbar__brand {
388-
margin-right: 0;
389-
}
390-
391-
main {
392-
padding: 0;
393-
}
394-
395-
/* Expansive mobile drawer */
396-
.navbar-sidebar {
397-
width: 100vw;
398-
max-width: 100vw;
399-
background: linear-gradient(180deg, #0f0f0f 0%, #0a0a0a 100%);
400-
border-right: 1px solid rgba(64, 215, 124, 0.15);
401-
}
402-
403-
.navbar-sidebar__brand {
404-
background: rgba(64, 215, 124, 0.05);
405-
border-bottom: 1px solid rgba(64, 215, 124, 0.15);
406-
padding: 1.25rem 1.5rem;
407-
min-height: 64px;
408-
}
409-
410-
.navbar-sidebar__brand .navbar__title {
411-
font-size: 1.25rem;
412-
font-weight: 600;
413-
color: var(--ifm-color-content);
414-
letter-spacing: -0.01em;
415-
}
416-
417-
.navbar-sidebar__close {
418-
color: var(--ifm-color-primary);
419-
}
420-
421-
.navbar-sidebar__items {
422-
padding: 0.5rem 0;
423-
}
424-
425-
.navbar-sidebar__item {
426-
padding: 0.5rem 0.75rem;
427-
}
428-
429-
.navbar-sidebar .menu__list {
430-
padding: 0;
431-
}
432-
433-
.navbar-sidebar .menu__list-item {
434-
margin: 0.25rem 0;
435-
}
436-
437-
.navbar-sidebar .menu__link {
438-
display: flex;
439-
align-items: center;
440-
font-size: 1rem;
441-
font-weight: 500;
442-
padding: 1rem 1.25rem;
443-
border-radius: 12px;
444-
color: var(--ifm-color-content);
445-
background: rgba(64, 215, 124, 0.04);
446-
border: 1px solid rgba(64, 215, 124, 0.08);
447-
transition: all 0.15s ease;
448-
}
449-
450-
.navbar-sidebar .menu__link:hover,
451-
.navbar-sidebar .menu__link--active {
452-
background: rgba(64, 215, 124, 0.1);
453-
border-color: rgba(64, 215, 124, 0.25);
454-
color: var(--ifm-color-primary);
455-
}
456-
457-
.navbar-sidebar .menu__link--sublist::after {
458-
background-color: var(--ifm-color-primary);
459-
}
460-
461-
/* Back button on secondary views */
462-
.navbar-sidebar__back {
463-
margin: 0.75rem 1rem;
464-
padding: 0.75rem 1rem;
465-
border-radius: 8px;
466-
background: rgba(64, 215, 124, 0.06);
467-
border: 1px solid rgba(64, 215, 124, 0.15);
468-
font-weight: 500;
469-
color: var(--ifm-color-primary);
470-
}
471-
}
472-
473371
/* Blog list: cover images are mostly small logos, don't upscale them */
474372
.blog-list-page article img:not(.avatar__photo),
475373
.blog-wrapper.blog-list-page article img:not(.avatar__photo) {

‎src/pages/index.module.css‎

Lines changed: 7 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,6 @@
22
max-width: 800px;
33
margin: 0 auto;
44
padding: 0 20px;
5-
box-sizing: border-box;
6-
width: 100%;
7-
}
8-
9-
.imageGrid {
10-
display: flex;
11-
gap: 20px;
12-
justify-content: center;
13-
margin-bottom: 40px;
14-
flex-wrap: wrap;
15-
}
16-
17-
.imageCard {
18-
border-radius: 16px;
19-
overflow: hidden;
20-
width: 280px;
21-
height: 350px;
22-
max-width: 100%;
23-
box-shadow: 0 4px 12px rgba(64, 215, 124, 0.2);
24-
}
25-
26-
.imageCard img {
27-
width: 100%;
28-
height: 100%;
29-
object-fit: cover;
305
}
316

327
.hero {
@@ -238,95 +213,25 @@
238213
}
239214

240215
@media screen and (max-width: 768px) {
241-
.container {
242-
padding: 0 14px;
243-
}
244-
245-
.hero {
246-
padding: 2rem 1.25rem;
247-
margin: 1rem 0;
248-
}
249-
250216
.hero h1 {
251-
font-size: 2.25rem;
252-
margin-bottom: 1rem;
217+
font-size: 2.5rem;
253218
}
254-
219+
255220
.subtitle {
256221
font-size: 1rem;
257-
margin-bottom: 1.25rem;
258-
}
259-
260-
.section {
261-
padding: 1.5rem 1rem;
262-
margin: 1rem 0;
263-
}
264-
265-
.section h2 {
266-
font-size: 1.5rem !important;
267-
margin-bottom: 1.5rem !important;
268-
flex-wrap: wrap;
269-
line-height: 1.3;
270-
}
271-
272-
.section h2 span {
273-
font-size: 1.5rem !important;
274-
}
275-
276-
.imageGrid {
277-
gap: 12px;
278-
margin-bottom: 24px;
279-
}
280-
281-
.imageCard {
282-
width: 100%;
283-
max-width: 320px;
284-
height: 260px;
285-
}
286-
287-
.job {
288-
padding: 1rem;
289-
margin-bottom: 1.25rem;
290-
}
291-
292-
.job h3 {
293-
font-size: 1rem;
294-
}
295-
296-
.job p {
297-
font-size: 0.9rem;
298222
}
299-
300-
.button {
301-
padding: 0.6rem 1.25rem;
302-
font-size: 0.8rem;
223+
224+
.container {
225+
padding: 0 16px;
303226
}
304-
227+
305228
.chartGrid {
306229
grid-template-columns: repeat(26, 1fr);
307230
max-width: 300px;
308231
}
309-
232+
310233
.chartSquare {
311234
width: 6px;
312235
height: 6px;
313236
}
314237
}
315-
316-
@media screen and (max-width: 420px) {
317-
.container {
318-
padding: 0 10px;
319-
}
320-
321-
.hero {
322-
padding: 1.5rem 1rem;
323-
}
324-
325-
.hero h1 {
326-
font-size: 2rem;
327-
}
328-
329-
.section {
330-
padding: 1.25rem 0.85rem;
331-
}
332-
}

‎src/pages/index.tsx‎

Lines changed: 35 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -20,22 +20,50 @@ function PersonalSite() {
2020
<TechCarousel />
2121

2222
<section className={styles.section}>
23-
<h2 style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '12px' }}>
23+
<h2 style={{ marginBottom: '3rem', fontSize: '2.25rem', fontWeight: '500', textAlign: 'center', letterSpacing: '-0.02em', background: 'linear-gradient(135deg, var(--ifm-color-content) 0%, var(--ifm-color-content-secondary) 100%)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text', display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '12px' }}>
2424
<span style={{ fontSize: '2rem', filter: 'drop-shadow(0 2px 4px rgba(64, 215, 124, 0.3))' }}>🏍️</span>
2525
When offline
2626
</h2>
27-
<div className={styles.imageGrid}>
28-
<div className={styles.imageCard}>
29-
<img
27+
<div style={{
28+
display: 'flex',
29+
gap: '20px',
30+
justifyContent: 'center',
31+
marginBottom: '40px',
32+
flexWrap: 'wrap'
33+
}}>
34+
<div style={{
35+
borderRadius: '16px',
36+
overflow: 'hidden',
37+
width: '280px',
38+
height: '350px',
39+
boxShadow: '0 4px 12px rgba(64, 215, 124, 0.2)'
40+
}}>
41+
<img
3042
src="/portfolio/img/Ver fotos recientes.jpeg"
3143
alt="Francis Roberts"
32-
style={{ objectPosition: 'center 35%' }}
44+
style={{
45+
width: '100%',
46+
height: '100%',
47+
objectFit: 'cover',
48+
objectPosition: 'center 35%'
49+
}}
3350
/>
3451
</div>
35-
<div className={styles.imageCard}>
36-
<img
52+
<div style={{
53+
borderRadius: '16px',
54+
overflow: 'hidden',
55+
width: '280px',
56+
height: '350px',
57+
boxShadow: '0 4px 12px rgba(64, 215, 124, 0.2)'
58+
}}>
59+
<img
3760
src="/portfolio/img/bjj.jpg"
3861
alt="Francis Roberts"
62+
style={{
63+
width: '100%',
64+
height: '100%',
65+
objectFit: 'cover'
66+
}}
3967
/>
4068
</div>
4169
</div>

0 commit comments

Comments
 (0)