finxol.io
Personal site
staging.colinozanne.co.uk
portfolio
astro
feat: add info boxes to project page
+43
-5
+11
-3
src/assets/styles/projects/karr.css
+11
-3
src/assets/styles/projects/karr.css
···
6
6
"back-btn title"
7
7
". subtitle"
8
8
". img"
9
-
". body";
9
+
". description"
10
+
". boxes";
10
11
gap: var(--spacing);
11
12
margin-inline-end: 3rem;
12
13
font-size: 1.1rem;
···
39
40
}
40
41
}
41
42
42
-
& > * {
43
-
grid-area: body;
43
+
& > p.description {
44
+
grid-area: description;
45
+
}
46
+
47
+
& > div.boxes {
48
+
grid-area: boxes;
49
+
display: grid;
50
+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
51
+
gap: var(--spacing);
44
52
}
45
53
}
+16
-1
src/pages/en/projects/karr.astro
+16
-1
src/pages/en/projects/karr.astro
···
25
25
<img src={karrJpg.src} alt="Karr" />
26
26
</picture>
27
27
28
-
<p>
28
+
<p class="description">
29
29
This entrepreneurial project was carried out for 5 months with
30
30
<a href="https://www.pepitebretagne.fr/"> Pépite Bretagne</a>. The
31
31
project was discontinued after a market study revealed a
32
32
well-established competition, already subsidized by public funds.
33
33
</p>
34
+
35
+
<div class="boxes">
36
+
<div class="container">
37
+
Github repo
38
+
<a href="https://github.com/karr-mobi/karr">
39
+
https://github.com/karr-mobi/karr
40
+
</a>
41
+
</div>
42
+
<div class="container">
43
+
Github repo
44
+
<a href="https://github.com/karr-mobi/karr">
45
+
https://github.com/karr-mobi/karr
46
+
</a>
47
+
</div>
48
+
</div>
34
49
</article>
35
50
</Layout>
+16
-1
src/pages/fr/projects/karr.astro
+16
-1
src/pages/fr/projects/karr.astro
···
27
27
<img src={karrJpg.src} alt="Karr" />
28
28
</picture>
29
29
30
-
<p>
30
+
<p class="description">
31
31
Ce projet entrepreneurial a été porté pendant 5 mois avec
32
32
<a href="https://www.pepitebretagne.fr/"> Pépite Bretagne</a>.
33
33
L'arrêt du projet a été décidé après une étude de marché révélant
34
34
une concurrence déjà fortement présente et subventionnée par des
35
35
fonds publics.
36
36
</p>
37
+
38
+
<div class="boxes">
39
+
<div class="container">
40
+
Github repo
41
+
<a href="https://github.com/karr-mobi/karr">
42
+
https://github.com/karr-mobi/karr
43
+
</a>
44
+
</div>
45
+
<div class="container">
46
+
Github repo
47
+
<a href="https://github.com/karr-mobi/karr">
48
+
https://github.com/karr-mobi/karr
49
+
</a>
50
+
</div>
51
+
</div>
37
52
</article>
38
53
</Layout>