Skip to content

Commit ee4e6c5

Browse files
steph1111steph1111
committed
Added bronze tier
1 parent feeb285 commit ee4e6c5

File tree

3 files changed

+83
-21
lines changed

3 files changed

+83
-21
lines changed

‎_includes/support-us-tiers.html‎

Lines changed: 43 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -15,32 +15,60 @@ <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold
1515
</div>
1616
</th>
1717
<th>
18-
<div class="Tier"></div>
19-
Diamond
18+
<div class="Tier">
19+
Diamond
20+
</div>
21+
<div class="cost">
22+
$7,500+
2023
</div>
21-
<div class="cost">
22-
$7,500+
23-
</div>
2424
</th>
2525
<th>
26-
<div class="Tier"></div>
27-
Gold
26+
<div class="Tier">
27+
Gold
2828
</div>
2929
<div class="cost">
3030
$3,500+
3131
</div>
3232
</th>
3333
<th>
34-
<div class="Tier"></div>
35-
Silver
34+
<div class="Tier">
35+
Silver
3636
</div>
3737
<div class="cost">
3838
$500+
3939
</div>
4040
</th>
41-
</tr>
41+
<th>
42+
<div class="Tier">
43+
Bronze
44+
</div>
45+
<div class="cost">
46+
$0+
47+
</div>
48+
</th>
49+
</tr>
50+
<tr>
51+
<td>
52+
Company name and website link on team website</td>
53+
<td>
54+
<div class="circle"></div>
55+
</td>
56+
<td>
57+
<div class="circle"></div>
58+
</td>
59+
<td>
60+
<div class="circle"></div>
61+
</td>
62+
<td>
63+
<div class="circle"></div>
64+
</td>
65+
<td>
66+
<div class="circle"></div>
67+
</td>
68+
</tr>
4269
<tr>
43-
<td>Company name, logo, and website link on team website</td>
70+
<td>
71+
Company logo and website link on team website</td>
4472
<td>
4573
<div class="circle"></div>
4674
</td>
@@ -53,6 +81,7 @@ <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold
5381
<td>
5482
<div class="circle"></div>
5583
</td>
84+
<td></td>
5685
</tr>
5786
<tr>
5887
<td>Logo on team promotional materials</td>
@@ -66,6 +95,7 @@ <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold
6695
<div class="circle"></div>
6796
</td>
6897
<td></td>
98+
<td></td>
6999
</tr>
70100
<tr>
71101
<td>Logo on team uniform</td>
@@ -77,6 +107,7 @@ <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold
77107
</td>
78108
<td></td>
79109
<td></td>
110+
<td></td>
80111
</tr>
81112
<tr>
82113
<td>Logo on AUV Lazer Shark</td>
@@ -86,6 +117,7 @@ <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold
86117
<td></td>
87118
<td></td>
88119
<td></td>
120+
<td></td>
89121
</tr>
90122
</table>
91123

‎_layouts/sponsors.html‎

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<div class="container">
1616
<div class="contents">
1717
<h1 class="title has-text-left is-size-1 has-text-weight-bold mgb-medium">
18-
Sponsors
18+
2025 Sponsors
1919
</h1>
2020
<p class="description">
2121
Cabrillo Robotics Club depends on the generous support of our sponsors to continue our work in
@@ -105,6 +105,27 @@ <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium" style=
105105
{% endfor %}
106106
</div>
107107

108+
<div class="contents">
109+
<h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium"
110+
style="color: var(--seahawk-II)">
111+
Bronze
112+
</h2>
113+
</div>
114+
115+
<div class="sponsor-grid">
116+
{% for sponsor in site.data.sponsors %}
117+
{% if sponsor.level == "bronze" %}
118+
<div class="column">
119+
<div class="sponsor-card">
120+
<a href="{{sponsor.website}}">
121+
<img src="{{sponsor.logo}}" alt="{{sponsor.name}}">
122+
</a>
123+
</div>
124+
</div>
125+
{% endif %}
126+
{% endfor %}
127+
</div>
128+
108129
<p class="your-name-here">
109130
Want your name here?
110131
</p>

‎assets/css/style.scss‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1027,6 +1027,7 @@ br { margin-bottom: 20px; }
10271027
margin: 0;
10281028
}
10291029
}
1030+
10301031
#support-us-tiers {
10311032
table {
10321033
width: 100%;
@@ -1069,6 +1070,10 @@ br { margin-bottom: 20px; }
10691070
background-color: var(--silver);
10701071
}
10711072

1073+
td:nth-child(6) .circle {
1074+
background-color: var(--seahawk-II);
1075+
}
1076+
10721077
td:nth-child(2) {
10731078
background-color: var(--primary-bkg);
10741079
}
@@ -1085,6 +1090,10 @@ br { margin-bottom: 20px; }
10851090
background-color: var(--silver-bkg);
10861091
}
10871092

1093+
td:nth-child(6) {
1094+
background-color: var(--seahawk-II-bkg);
1095+
}
1096+
10881097
th:first-child {
10891098
text-align: left;
10901099
width: 40%;
@@ -1099,8 +1108,8 @@ br { margin-bottom: 20px; }
10991108
font-size: 1.2rem;
11001109
}
11011110

1102-
th:nth-child(2), th:nth-child(3), th:nth-child(4), th:nth-child(5) {
1103-
width: calc((100% - 40%) / 4);
1111+
th:nth-child(2), th:nth-child(3), th:nth-child(4), th:nth-child(5), th:nth-child(6){
1112+
width: calc((100% - 40%) / 5);
11041113
text-align: center;
11051114
}
11061115

@@ -1137,24 +1146,24 @@ br { margin-bottom: 20px; }
11371146
text-align: justify;
11381147
}
11391148
.button {
1140-
min-width: 40%;
1141-
min-height: 10vh;
1142-
font-size: x-large;
1149+
min-width: 35%;
1150+
min-height: 60px;
1151+
font-size: 1.2rem;
11431152
color: var(--header);
11441153
border-color: var(--primary);
11451154
background-color: var(--primary-bkg);
11461155
}
11471156
.button:hover {
1148-
min-width: 40%;
1149-
min-height: 10vh;
1150-
font-size: x-large;
1157+
min-width: 35%;
1158+
min-height: 60px;
1159+
font-size: 1.2rem;
11511160
background-color:var(--primary);
11521161
border-color:var(--primary);
11531162
}
11541163
.donate-button {
11551164
display: flex;
11561165
justify-content: center;
1157-
margin-top: 5vh;
1166+
margin-top: 40px;
11581167
}
11591168
}
11601169

0 commit comments

Comments
 (0)