phundrak/framit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add projects page and rework home page

Browse Source
This commit is contained in:
Lucien Cartier-Tilet
2026-07-09 16:24:51 +02:00
parent 8aa5aca650
commit 834d7ed00f
32 changed files with 720 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/colors.css
+23 -23
View File
@@ -1,5 +1,5 @@
:root {
--text: oklch(38.30% 0.029 266.48);
--text: oklch(38.3% 0.029 266.48);
--text-50: oklch(95.82% 0.004 271.37);
--text-100: oklch(91.83% 0.009 264.52);
--text-200: oklch(83.53% 0.016 266.26);
@@ -8,30 +8,30 @@
--text-500: oklch(57.02% 0.047 267.31);
--text-600: oklch(48.66% 0.039 268.21);
--text-700: oklch(40.13% 0.031 265.23);
--text-800: oklch(30.90% 0.021 265.90);
--text-800: oklch(30.9% 0.021 265.9);
--text-900: oklch(20.86% 0.013 264.25);
--text-950: oklch(15.46% 0.007 270.96);
--background: oklch(95.13% 0.007 260.73);
--background-50: oklch(95.80% 0.007 268.55);
--background-50: oklch(95.8% 0.007 268.55);
--background-100: oklch(91.74% 0.012 259.82);
--background-200: oklch(83.07% 0.027 262.33);
--background-300: oklch(74.46% 0.041 261.48);
--background-400: oklch(65.63% 0.058 260.56);
--background-500: oklch(56.42% 0.075 261.41);
--background-600: oklch(48.32% 0.062 260.40);
--background-600: oklch(48.32% 0.062 260.4);
--background-700: oklch(39.64% 0.048 261.18);
--background-800: oklch(30.43% 0.036 261.92);
--background-900: oklch(20.77% 0.018 259.72);
--background-950: oklch(15.29% 0.010 255.44);
--background-950: oklch(15.29% 0.01 255.44);
--primary: oklch(77.15% 0.062 217.48);
--primary-50: oklch(96.50% 0.009 222.06);
--primary-50: oklch(96.5% 0.009 222.06);
--primary-100: oklch(93.16% 0.019 213.42);
--primary-200: oklch(86.07% 0.039 217.46);
--primary-300: oklch(79.25% 0.057 216.55);
--primary-400: oklch(72.48% 0.075 217.32);
--primary-500: oklch(65.88% 0.089 218.00);
--primary-500: oklch(65.88% 0.089 218);
--primary-600: oklch(55.99% 0.075 218.52);
--primary-700: oklch(45.64% 0.059 218.22);
--primary-800: oklch(34.67% 0.043 219.39);
@@ -41,7 +41,7 @@
--secondary: oklch(69.65% 0.059 248.69);
--secondary-50: oklch(95.95% 0.008 253.85);
--secondary-100: oklch(92.05% 0.015 244.73);
--secondary-200: oklch(83.76% 0.030 248.19);
--secondary-200: oklch(83.76% 0.03 248.19);
--secondary-300: oklch(75.31% 0.048 249.46);
--secondary-400: oklch(66.99% 0.065 248.83);
--secondary-500: oklch(58.35% 0.083 249.96);
@@ -51,16 +51,16 @@
--secondary-900: oklch(20.99% 0.022 251.79);
--secondary-950: oklch(15.56% 0.012 241.97);
--accent: oklch(59.38% 0.078 253.40);
--accent-50: oklch(95.93% 0.007 247.90);
--accent: oklch(59.38% 0.078 253.4);
--accent-50: oklch(95.93% 0.007 247.9);
--accent-100: oklch(91.85% 0.015 251.16);
--accent-200: oklch(83.39% 0.030 254.70);
--accent-200: oklch(83.39% 0.03 254.7);
--accent-300: oklch(74.95% 0.046 253.67);
--accent-400: oklch(66.37% 0.064 253.29);
--accent-500: oklch(57.47% 0.081 254.47);
--accent-600: oklch(49.19% 0.068 253.56);
--accent-700: oklch(40.31% 0.053 254.02);
--accent-800: oklch(30.91% 0.038 255.00);
--accent-800: oklch(30.91% 0.038 255);
--accent-900: oklch(20.99% 0.022 251.79);
--accent-950: oklch(15.35% 0.012 260.39);
}
@@ -68,7 +68,7 @@
--text: oklch(76.63% 0.024 266.86);
--text-50: oklch(15.46% 0.007 270.96);
--text-100: oklch(20.86% 0.013 264.25);
--text-200: oklch(30.90% 0.021 265.90);
--text-200: oklch(30.9% 0.021 265.9);
--text-300: oklch(40.13% 0.031 265.23);
--text-400: oklch(48.66% 0.039 268.21);
--text-500: oklch(57.02% 0.047 267.31);
@@ -79,17 +79,17 @@
--text-950: oklch(95.82% 0.004 271.37);
--background: oklch(16.29% 0.012 260.61);
--background-50: oklch(15.29% 0.010 255.44);
--background-50: oklch(15.29% 0.01 255.44);
--background-100: oklch(20.77% 0.018 259.72);
--background-200: oklch(30.43% 0.036 261.92);
--background-300: oklch(39.64% 0.048 261.18);
--background-400: oklch(48.32% 0.062 260.40);
--background-400: oklch(48.32% 0.062 260.4);
--background-500: oklch(56.42% 0.075 261.41);
--background-600: oklch(65.63% 0.058 260.56);
--background-700: oklch(74.46% 0.041 261.48);
--background-800: oklch(83.07% 0.027 262.33);
--background-900: oklch(91.74% 0.012 259.82);
--background-950: oklch(95.80% 0.007 268.55);
--background-950: oklch(95.8% 0.007 268.55);
--primary: oklch(48.89% 0.064 217.48);
--primary-50: oklch(16.48% 0.015 212.62);
@@ -97,12 +97,12 @@
--primary-200: oklch(34.67% 0.043 219.39);
--primary-300: oklch(45.64% 0.059 218.22);
--primary-400: oklch(55.99% 0.075 218.52);
--primary-500: oklch(65.88% 0.089 218.00);
--primary-500: oklch(65.88% 0.089 218);
--primary-600: oklch(72.48% 0.075 217.32);
--primary-700: oklch(79.25% 0.057 216.55);
--primary-800: oklch(86.07% 0.039 217.46);
--primary-900: oklch(93.16% 0.019 213.42);
--primary-950: oklch(96.50% 0.009 222.06);
--primary-950: oklch(96.5% 0.009 222.06);
--secondary: oklch(47.12% 0.064 249.33);
--secondary-50: oklch(15.56% 0.012 241.97);
@@ -113,20 +113,20 @@
--secondary-500: oklch(58.35% 0.083 249.96);
--secondary-600: oklch(66.99% 0.065 248.83);
--secondary-700: oklch(75.31% 0.048 249.46);
--secondary-800: oklch(83.76% 0.030 248.19);
--secondary-800: oklch(83.76% 0.03 248.19);
--secondary-900: oklch(92.05% 0.015 244.73);
--secondary-950: oklch(95.95% 0.008 253.85);
--accent: oklch(55.80% 0.080 254.61);
--accent: oklch(55.8% 0.08 254.61);
--accent-50: oklch(15.35% 0.012 260.39);
--accent-100: oklch(20.99% 0.022 251.79);
--accent-200: oklch(30.91% 0.038 255.00);
--accent-200: oklch(30.91% 0.038 255);
--accent-300: oklch(40.31% 0.053 254.02);
--accent-400: oklch(49.19% 0.068 253.56);
--accent-500: oklch(57.47% 0.081 254.47);
--accent-600: oklch(66.37% 0.064 253.29);
--accent-700: oklch(74.95% 0.046 253.67);
--accent-800: oklch(83.39% 0.030 254.70);
--accent-800: oklch(83.39% 0.03 254.7);
--accent-900: oklch(91.85% 0.015 251.16);
--accent-950: oklch(95.93% 0.007 247.90);
--accent-950: oklch(95.93% 0.007 247.9);
}
app/assets/css/main.css
+1
View File
@@ -2,6 +2,7 @@
@import './colors.css';
@import './ui/index.css';
@import './tailwind.css';
@import './typography.css';
@source "../../../content/**/*";
app/assets/css/tailwind.css
+1 -1
View File
@@ -80,6 +80,6 @@
Noto Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--font-title:
Wittgenstein, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
Montserrat, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
}
app/assets/css/typography.css
+19
View File
@@ -0,0 +1,19 @@
@layer base {
body {
font-family:
'Noto Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5 {
font-family:
'Montserrat', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
font-weight: 700;
}
}
app/assets/css/ui/images.css
+9
View File
@@ -0,0 +1,9 @@
.hero-image {
max-width: 7rem;
height: auto;
display: block;
}
.centered-image {
margin: 0 auto;
}
app/assets/css/ui/index.css
+1
View File
@@ -2,3 +2,4 @@
@import './text.css';
@import './background.css';
@import './border.css';
@import './images.css';