Skip to content

Commit b3d71ec

Browse files
sayeeg-11sayeeg-11
authored
Merge pull request #1086 from Aarya-Chaudhari/details
Fix: Restructure "View Details" and "Explore" Buttons for Program Cards (#1016)
2 parents c60eb4a + ec0f207 commit b3d71ec

File tree

1 file changed

+109
-90
lines changed

1 file changed

+109
-90
lines changed

‎index.html‎

Lines changed: 109 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1032,18 +1032,20 @@ <h4>Google Summer of Code</h4>
10321032
A global program focused on bringing new contributors into open
10331033
source software development.
10341034
</p>
1035-
<button class="view-btn" onclick="openModal('gsoc')">
1036-
View Details
1037-
</button>
1038-
<a
1039-
href="https://summerofcode.withgoogle.com/"
1040-
target="_blank"
1041-
rel="noopener noreferrer"
1042-
>
1043-
<button class="explore-btn">
1044-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1045-
</button>
1046-
</a>
1035+
<div class="card-actions">
1036+
<button class="view-btn" onclick="openModal('gsoc')">
1037+
View Details
1038+
</button>
1039+
1040+
<a
1041+
href="https://summerofcode.withgoogle.com/"
1042+
target="_blank"
1043+
rel="noopener noreferrer"
1044+
class="explore-btn"
1045+
>
1046+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1047+
</a>
1048+
</div>
10471049
</div>
10481050

10491051
<!-- GSSoC -->
@@ -1054,60 +1056,67 @@ <h4>GSSoC</h4>
10541056
GirlScript Summer of Code is a three-month-long Open Source program
10551057
by GirlScript Foundation.
10561058
</p>
1057-
<button class="view-btn" onclick="openModal('gssoc')">
1058-
View Details
1059-
</button>
1060-
<a
1061-
href="https://gssoc.girlscript.tech/"
1062-
target="_blank"
1063-
rel="noopener noreferrer"
1064-
>
1065-
<button class="explore-btn">
1066-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1067-
</button>
1068-
</a>
1069-
</div>
1059+
<div class="card-actions">
1060+
<button class="view-btn" onclick="openModal('gsoc')">
1061+
View Details
1062+
</button>
10701063

1071-
<!-- Hacktoberfest -->
1064+
<a
1065+
href="https://gssoc.girlscript.tech/"
1066+
target="_blank"
1067+
rel="noopener noreferrer"
1068+
class="explore-btn"
1069+
>
1070+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1071+
</a>
1072+
</div>
1073+
</div>
1074+
<!-- Hacktoberfest -->
10721075
<div class="card">
10731076
<div class="card-icon"><i class="fas fa-terminal"></i></div>
10741077
<h4>Hacktoberfest</h4>
10751078
<p>
10761079
A month-long celebration of open-source software run by
10771080
DigitalOcean.
10781081
</p>
1079-
<button class="view-btn" onclick="openModal('hack')">
1080-
View Details
1081-
</button>
1082-
<a
1083-
href="https://hacktoberfest.com/"
1084-
target="_blank"
1085-
rel="noopener noreferrer"
1086-
>
1087-
<button class="explore-btn">
1088-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1089-
</button>
1090-
</a>
1091-
</div>
1082+
1083+
<div class="card-actions">
1084+
<button class="view-btn" onclick="openModal('gsoc')">
1085+
View Details
1086+
</button>
1087+
1088+
<a
1089+
href="https://hacktoberfest.com/"
1090+
target="_blank"
1091+
rel="noopener noreferrer"
1092+
class="explore-btn"
1093+
>
1094+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1095+
</a>
1096+
</div>
1097+
</div>
10921098

10931099
<!-- SWOC -->
10941100
<div class="card">
10951101
<div class="card-icon"><i class="fas fa-snowflake"></i></div>
10961102
<h4>Social Winter of Code</h4>
10971103
<p>Beginner-focused winter open-source program.</p>
1098-
<button class="view-btn" onclick="openModal('swoc')">
1099-
View Details
1100-
</button>
1101-
<a
1102-
href="https://www.socialwinterofcode.com/"
1103-
target="_blank"
1104-
rel="noopener noreferrer"
1105-
>
1106-
<button class="explore-btn">
1107-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1108-
</button>
1109-
</a>
1110-
</div>
1104+
1105+
<div class="card-actions">
1106+
<button class="view-btn" onclick="openModal('gsoc')">
1107+
View Details
1108+
</button>
1109+
1110+
<a
1111+
href="https://www.socialwinterofcode.com/"
1112+
target="_blank"
1113+
rel="noopener noreferrer"
1114+
class="explore-btn"
1115+
>
1116+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1117+
</a>
1118+
</div>
1119+
</div>
11111120

11121121
<!-- Linux Foundation -->
11131122
<div class="card">
@@ -1117,19 +1126,21 @@ <h4>Linux Foundation</h4>
11171126
Explore various mentorship opportunities within the massive Linux
11181127
ecosystem.
11191128
</p>
1120-
<button class="view-btn" onclick="openModal('linux')">
1121-
View Details
1122-
</button>
1123-
<a
1124-
href="https://www.linuxfoundation.org/"
1125-
target="_blank"
1126-
rel="noopener noreferrer"
1127-
>
1128-
<button class="explore-btn">
1129-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1130-
</button>
1131-
</a>
1132-
</div>
1129+
<div class="card-actions">
1130+
<button class="view-btn" onclick="openModal('gsoc')">
1131+
View Details
1132+
</button>
1133+
1134+
<a
1135+
href="https://www.linuxfoundation.org/"
1136+
target="_blank"
1137+
rel="noopener noreferrer"
1138+
class="explore-btn"
1139+
>
1140+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1141+
</a>
1142+
</div>
1143+
</div>
11331144

11341145
<!-- Outreachy -->
11351146
<div class="card">
@@ -1139,19 +1150,21 @@ <h4>Outreachy</h4>
11391150
Provides internships to people subject to systemic bias and
11401151
underrepresented in tech.
11411152
</p>
1142-
<button class="view-btn" onclick="openModal('outreachy')">
1143-
View Details
1144-
</button>
1145-
<a
1146-
href="https://www.outreachy.org/"
1147-
target="_blank"
1148-
rel="noopener noreferrer"
1149-
>
1150-
<button class="explore-btn">
1151-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1152-
</button>
1153-
</a>
1154-
</div>
1153+
<div class="card-actions">
1154+
<button class="view-btn" onclick="openModal('gsoc')">
1155+
View Details
1156+
</button>
1157+
1158+
<a
1159+
href="https://www.outreachy.org/"
1160+
target="_blank"
1161+
rel="noopener noreferrer"
1162+
class="explore-btn"
1163+
>
1164+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1165+
</a>
1166+
</div>
1167+
</div>
11551168

11561169
<!-- MLH Fellowship -->
11571170
<div class="card">
@@ -1161,19 +1174,21 @@ <h4>MLH Fellowship</h4>
11611174
A remote internship-like open source program where you collaborate in pods
11621175
on real-world projects with mentorship.
11631176
</p>
1164-
<button class="view-btn" onclick="openModal('mlh')">
1177+
<div class="card-actions">
1178+
<button class="view-btn" onclick="openModal('gsoc')">
11651179
View Details
11661180
</button>
1181+
11671182
<a
11681183
href="https://fellowship.mlh.io/"
11691184
target="_blank"
11701185
rel="noopener noreferrer"
1186+
class="explore-btn"
11711187
>
1172-
<button class="explore-btn">
1173-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1174-
</button>
1188+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
11751189
</a>
11761190
</div>
1191+
</div>
11771192

11781193

11791194
<!-- Season of KDE -->
@@ -1184,19 +1199,21 @@ <h4>Season of KDE</h4>
11841199
A mentorship program by KDE that allows contributors to work on open
11851200
source desktop and Qt-based projects.
11861201
</p>
1187-
<button class="view-btn" onclick="openModal('kde')">
1202+
<div class="card-actions">
1203+
<button class="view-btn" onclick="openModal('gsoc')">
11881204
View Details
11891205
</button>
1206+
11901207
<a
11911208
href="https://season.kde.org/"
11921209
target="_blank"
11931210
rel="noopener noreferrer"
1211+
class="explore-btn"
11941212
>
1195-
<button class="explore-btn">
1196-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1197-
</button>
1213+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
11981214
</a>
11991215
</div>
1216+
</div>
12001217

12011218
<!-- Hyperledger Mentorship -->
12021219
<div class="card">
@@ -1206,18 +1223,20 @@ <h4>Hyperledger Mentorship</h4>
12061223
A blockchain-focused mentorship program under the Hyperledger open source
12071224
ecosystem with guided project contributions.
12081225
</p>
1209-
<button class="view-btn" onclick="openModal('hyperledger')">
1226+
<div class="card-actions">
1227+
<button class="view-btn" onclick="openModal('gsoc')">
12101228
View Details
12111229
</button>
1230+
12121231
<a
12131232
href="https://wiki.hyperledger.org/display/INTERN"
12141233
target="_blank"
12151234
rel="noopener noreferrer"
1235+
class="explore-btn"
12161236
>
1217-
<button class="explore-btn">
1218-
Explore <i class="fas fa-arrow-up-right-from-square"></i>
1219-
</button>
1237+
Explore <i class="fas fa-arrow-up-right-from-square"></i>
12201238
</a>
1239+
</div>
12211240
</div>
12221241
</div>
12231242
</section>

0 commit comments

Comments
 (0)