Skip to content

Commit 406becc

Browse files
oruntoorunto
authored
fix: footer sizing (#26)
1 parent 1a6336d commit 406becc

File tree

3 files changed

+147
-34
lines changed

3 files changed

+147
-34
lines changed

‎.codesandbox/tasks.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
// These tasks will run in order when initializing your CodeSandbox project.
3+
"setupTasks": [
4+
{
5+
"command": "ruby install",
6+
"name": "Installing Dependencies"
7+
}
8+
],
9+
10+
// These tasks can be run from CodeSandbox. Running one will open a log in the app.
11+
"tasks": {}
12+
}

‎_includes/footer_custom.html

Lines changed: 134 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,71 +1,172 @@
1-
<!-- Footer Starts light-bg: #f8f9fb -->
2-
<footer class="site-footer" style="background-color: #27262b; color: #e6e1e7; font-size: 14px; padding: 2rem 1rem;">
3-
<div style="max-width: 100%; margin: 0 auto;">
4-
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(23%, 1fr)); gap: 2rem;">
5-
1+
<!-- Footer Starts light-bg: #f8f9fb -->
2+
<footer
3+
class="site-footer"
4+
style="
5+
background-color: #27262b;
6+
color: #e6e1e7;
7+
font-size: 14px;
8+
padding: 2rem 1rem;
9+
width: 100%;
10+
"
11+
>
12+
<div style="max-width: 100%; margin: 0 auto">
13+
<div
14+
style="
15+
display: grid;
16+
grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
17+
gap: 2rem;
18+
"
19+
>
620
<!-- Column 1: Copyright light-color: #333-->
721
<div>
8-
<p style="margin-bottom: 0.5rem;">
9-
&copy; 2015–2025 <br/>
10-
<a href="https://kyutech-laseine.net/english/" target="_blank" rel="noopener noreferrer" style="color: #e6e1e7; text-decoration: none;">
11-
Laboratory of Lean Satellite Enterprises and In-Orbit Experiment (LaSEINE), Kyutech
22+
<p style="margin-bottom: 0.5rem">
23+
&copy; 2015–2025 <br />
24+
<a
25+
href="https://kyutech-laseine.net/english/"
26+
target="_blank"
27+
rel="noopener noreferrer"
28+
style="color: #e6e1e7; text-decoration: none"
29+
>
30+
Laboratory of Lean Satellite Enterprises and In-Orbit Experiment
31+
(LaSEINE), Kyutech
1232
</a>
1333
</p>
1434
</div>
1535

1636
<!-- Column 2: Contribute -->
1737
<div>
18-
<p style="margin-bottom: 0.3rem; font-weight: bold;">Contribute to Docs</p>
19-
<p style="margin: 0.4rem 0;">
20-
🛠️ <a href="https://birdsopensource.github.io/contribute" target="_blank" style="color: #e6e1e7; text-decoration: none;">
38+
<p style="margin-bottom: 0.3rem; font-weight: bold">
39+
Contribute to Docs
40+
</p>
41+
<p style="margin: 0.4rem 0">
42+
🛠️
43+
<a
44+
href="https://birdsopensource.github.io/contribute"
45+
target="_blank"
46+
style="color: #e6e1e7; text-decoration: none"
47+
>
2148
Learn how to get involved
2249
</a>
2350
</p>
24-
<p style="margin: 0.4rem 0;">
25-
💬 <a href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general" target="_blank" style="color: #e6e1e7; text-decoration: none;">
51+
<p style="margin: 0.4rem 0">
52+
💬
53+
<a
54+
href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general"
55+
target="_blank"
56+
style="color: #e6e1e7; text-decoration: none"
57+
>
2658
Submit feedback
2759
</a>
2860
</p>
2961
</div>
3062

3163
<!-- Column 3: Community -->
3264
<div>
33-
<p style="margin-bottom: 0.3rem; font-weight: bold;">Join the Community</p>
65+
<p style="margin-bottom: 0.3rem; font-weight: bold">
66+
Join the Community
67+
</p>
3468

3569
<!-- Telegram -->
36-
<p style="margin: 0.4rem 0;">
37-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #229ED9;">
38-
<path d="M120 0C53.73 0 0 53.73 0 120s53.73 120 120 120 120-53.73 120-120S186.27 0 120 0zm56.07 82.72l-18.73 88.27c-1.42 6.3-5.2 7.84-10.53 4.88l-29.12-21.46-14.04 13.52c-1.55 1.54-2.85 2.85-5.83 2.85l2.08-29.5 53.64-48.45c2.33-2.05-.51-3.2-3.6-1.15l-66.3 41.73-28.54-8.92c-6.2-1.94-6.3-6.2 1.29-9.17l111.65-43.06c5.2-1.93 9.74 1.28 8.07 9.46z"/>
70+
<p style="margin: 0.4rem 0">
71+
<svg
72+
xmlns="http://www.w3.org/2000/svg"
73+
viewBox="0 0 240 240"
74+
width="16"
75+
height="16"
76+
style="vertical-align: middle; margin-right: 6px; fill: #229ed9"
77+
>
78+
<path
79+
d="M120 0C53.73 0 0 53.73 0 120s53.73 120 120 120 120-53.73 120-120S186.27 0 120 0zm56.07 82.72l-18.73 88.27c-1.42 6.3-5.2 7.84-10.53 4.88l-29.12-21.46-14.04 13.52c-1.55 1.54-2.85 2.85-5.83 2.85l2.08-29.5 53.64-48.45c2.33-2.05-.51-3.2-3.6-1.15l-66.3 41.73-28.54-8.92c-6.2-1.94-6.3-6.2 1.29-9.17l111.65-43.06c5.2-1.93 9.74 1.28 8.07 9.46z"
80+
/>
3981
</svg>
40-
<a href="{{ site.telegram }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Chat on Telegram</a>
82+
<a
83+
href="{{ site.telegram }}"
84+
target="_blank"
85+
style="color: #e6e1e7; text-decoration: none"
86+
>Chat on Telegram</a
87+
>
4188
</p>
4289

4390
<!-- YouTube -->
44-
<p style="margin: 0.4rem 0;">
45-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: red;">
46-
<path d="M23.498 6.186a2.897 2.897 0 0 0-2.038-2.049C19.663 3.5 12 3.5 12 3.5s-7.662 0-9.46.637a2.897 2.897 0 0 0-2.038 2.049C.5 8.02.5 12 .5 12s0 3.98.637 5.814a2.897 2.897 0 0 0 2.038 2.049C4.338 20.5 12 20.5 12 20.5s7.663 0 9.46-.637a2.897 2.897 0 0 0 2.038-2.049C23.5 15.98 23.5 12 23.5 12s0-3.98-.002-5.814zM9.75 15.568V8.432L15.818 12 9.75 15.568z"/>
91+
<p style="margin: 0.4rem 0">
92+
<svg
93+
xmlns="http://www.w3.org/2000/svg"
94+
viewBox="0 0 24 24"
95+
width="16"
96+
height="16"
97+
style="vertical-align: middle; margin-right: 6px; fill: red"
98+
>
99+
<path
100+
d="M23.498 6.186a2.897 2.897 0 0 0-2.038-2.049C19.663 3.5 12 3.5 12 3.5s-7.662 0-9.46.637a2.897 2.897 0 0 0-2.038 2.049C.5 8.02.5 12 .5 12s0 3.98.637 5.814a2.897 2.897 0 0 0 2.038 2.049C4.338 20.5 12 20.5 12 20.5s7.663 0 9.46-.637a2.897 2.897 0 0 0 2.038-2.049C23.5 15.98 23.5 12 23.5 12s0-3.98-.002-5.814zM9.75 15.568V8.432L15.818 12 9.75 15.568z"
101+
/>
47102
</svg>
48-
<a href="{{ site.youtube }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Watch on YouTube</a>
103+
<a
104+
href="{{ site.youtube }}"
105+
target="_blank"
106+
style="color: #e6e1e7; text-decoration: none"
107+
>Watch on YouTube</a
108+
>
49109
</p>
50110

51111
<!-- Webinars -->
52-
<p style="margin: 0.4rem 0;">
53-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #e6e1e7;">
54-
<path d="M21 4H3C1.9 4 1 4.9 1 6v9c0 1.1.9 2 2 2h4v2H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2h-2v-2h4c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM3 15V6h18v9H3Zm10 2v2h-2v-2h2Zm-6-6h2v2H7v-2Zm3 0h2v2h-2v-2Zm3 0h2v2h-2v-2Z"/>
112+
<p style="margin: 0.4rem 0">
113+
<svg
114+
xmlns="http://www.w3.org/2000/svg"
115+
viewBox="0 0 24 24"
116+
width="16"
117+
height="16"
118+
style="vertical-align: middle; margin-right: 6px; fill: #e6e1e7"
119+
>
120+
<path
121+
d="M21 4H3C1.9 4 1 4.9 1 6v9c0 1.1.9 2 2 2h4v2H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2h-2v-2h4c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM3 15V6h18v9H3Zm10 2v2h-2v-2h2Zm-6-6h2v2H7v-2Zm3 0h2v2h-2v-2Zm3 0h2v2h-2v-2Z"
122+
/>
55123
</svg>
56-
<a href="{{ site.mailing_list }}" target="_blank" style="color: #e6e1e7; text-decoration: none;">Join monthly webinars</a>
124+
<a
125+
href="{{ site.mailing_list }}"
126+
target="_blank"
127+
style="color: #e6e1e7; text-decoration: none"
128+
>Join monthly webinars</a
129+
>
57130
</p>
58131
</div>
59132
</div>
60133

61134
<!-- Footer Form Row -->
62-
<div style="margin-top: 2rem; border-top: 1px solid #ccc; padding-top: 1.5rem;">
135+
<div
136+
style="margin-top: 2rem; border-top: 1px solid #ccc; padding-top: 1.5rem"
137+
>
63138
<form action="https://lean-sat.org/opensource/" method="POST">
64-
<label for="email" style="display: block; margin-bottom: 0.5rem; font-weight: 500;">📬 Subscribe for Updates</label>
65-
<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
66-
<input type="email" id="email" name="email" placeholder="[email protected]" required
67-
style="padding: 8px; flex: 1; min-width: 200px; border: 1px solid #ccc; border-radius: 4px;">
68-
<button type="submit" style="padding: 8px 16px; background-color: #005596; color: #e6e1e7; border: none; border-radius: 4px; cursor: pointer;">
139+
<label
140+
for="email"
141+
style="display: block; margin-bottom: 0.5rem; font-weight: 500"
142+
>📬 Subscribe for Updates</label
143+
>
144+
<div style="display: flex; flex-wrap: wrap; gap: 0.5rem">
145+
<input
146+
type="email"
147+
id="email"
148+
name="email"
149+
placeholder="[email protected]"
150+
required
151+
style="
152+
padding: 8px;
153+
flex: 1;
154+
min-width: 200px;
155+
border: 1px solid #ccc;
156+
border-radius: 4px;
157+
"
158+
/>
159+
<button
160+
type="submit"
161+
style="
162+
padding: 8px 16px;
163+
background-color: #005596;
164+
color: #e6e1e7;
165+
border: none;
166+
border-radius: 4px;
167+
cursor: pointer;
168+
"
169+
>
69170
Subscribe
70171
</button>
71172
</div>

0 commit comments

Comments
 (0)