diff --git a/css/general.css b/css/general.css
index aeb40f4..6d7f639 100644
--- a/css/general.css
+++ b/css/general.css
@@ -340,41 +340,6 @@ section {
margin: 10px 0;
}
-#steps-card {
- width: 400px;
- min-width: 300px;
- border-radius: 10px;
- background-color: #0d1117;
- background-color: #1e2227;
- margin: 10px auto;
- padding: 10px 30px;
- box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
- text-align: left;
-}
-
-#steps-header {
- padding-top: 30px;
-}
-
-.list-item {
- margin: 0 0 30px 30px;
- padding: 10px;
- position: relative;
-}
-
-.list-item::before {
- content: "";
- position: relative;
- margin-right: 10px;
- width: 10px;
- height: 10px;
- background: rgb(255, 255, 255);
- border-radius: 999px;
- float: left;
- border: 3px solid rgb(44, 44, 44);
-}
-
-
/* Timeline */
#timeline {
width: 100%;
@@ -489,7 +454,7 @@ input:checked + .dot-info span {
margin-top: 70px;
font-size: 22px;
font-weight: 400;
- margin-bottom: 150px;
+ margin-bottom: 200px;
text-align: left;
}
#timeline-descriptions-wrapper div {
@@ -639,6 +604,36 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
margin: 20px auto;
}
+#steps-card {
+ width: 400px;
+ min-width: 300px;
+ border-radius: 10px;
+ background-color: #0d1117;
+ background-color: #1e2227;
+ margin: 10px auto;
+ padding: 10px 30px;
+ box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
+ text-align: left;
+}
+
+.list-item {
+ margin: 0 0 30px 30px;
+ padding: 10px;
+ position: relative;
+}
+
+.list-item::before {
+ content: "";
+ position: relative;
+ margin-right: 10px;
+ width: 10px;
+ height: 10px;
+ background: rgb(255, 255, 255);
+ border-radius: 999px;
+ float: left;
+ border: 3px solid rgb(44, 44, 44);
+}
+
/* Outer Layer with the steps border */
.outer {
border-left: 2px solid #333;
@@ -655,6 +650,10 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
max-width: 400px;
}
+ #signup-header {
+ padding-top: 10px;
+ }
+
/* Title of the card */
.title {
color: rgb(255, 255, 255);
@@ -683,54 +682,95 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
#prizes-container {
display: grid;
- margin-top: 20px;
+ margin: 20px 20px 0;
width: auto;
- height: auto;
+ height: 300px;
justify-content: center;
grid-template-columns: repeat(3, 1fr);
}
.podium-description {
width: 100%;
+ height: auto;
+ justify-content: center;
+
+ display: flex;
+ flex-flow: column nowrap;
+ justify-content: center;
+ align-items: center;
+
+ text-align: center;
+ position: relative;
+}
+
+.prize-laurel {
+ height: 150px;
+ width: auto;
+ position: relative;
+}
+
+.prize-title {
+ position: absolute;
+ color: rgb(203, 218, 77);
+ font-size: 25px;
+}
+
+#pr-ti-2 {
+ margin-bottom: 110px;
+}
+
+#pr-ti-1 {
+ margin-bottom: 160px;
+}
+
+#pr-ti-3 {
+ margin-bottom: 100px;
+}
+
+.prize-content {
+ margin-bottom: 10px;
+}
+
+#prize-logo {
+ margin-top: 18px;
height: 50px;
+ border-radius: 50%;
+ border: 1px solid white;
}
#second-column {
width: 100%;
- height: 50px;
+ height: auto;
+ margin-top: 40px;
}
#first-column {
width: 100%;
- height: 90px;
+ height: auto;
position: relative;
}
#third-column {
width: 100%;
- height: 40px;
+ height: auto;
+ margin-top: 50px;
}
#second-podium {
width: 100%;
height: 50px;
- bottom: -40px;
- position: relative;
background-color: #333;
}
#first-podium {
width: 100%;
height: 90px;
- position: relative;
background-color: #333;
}
#third-podium {
width: 100%;
height: 40px;
- position: relative;
- bottom: -50px;
background-color: #333;
}
diff --git a/img/Gilroy Hacks Logo [Summer-wide-2].png b/img/Gilroy Hacks Logo [Summer-wide-2].png
new file mode 100644
index 0000000..e609b62
Binary files /dev/null and b/img/Gilroy Hacks Logo [Summer-wide-2].png differ
diff --git a/img/Gilroy Hacks Logo [Summer].png b/img/Gilroy Hacks Logo [Summer].png
index bc78b6e..04ed357 100644
Binary files a/img/Gilroy Hacks Logo [Summer].png and b/img/Gilroy Hacks Logo [Summer].png differ
diff --git a/img/Gilroy Hacks Logo [icon-tp-podium].png b/img/Gilroy Hacks Logo [icon-tp-podium].png
new file mode 100644
index 0000000..85daf8e
Binary files /dev/null and b/img/Gilroy Hacks Logo [icon-tp-podium].png differ
diff --git a/img/Gilroy-Hacks-Logo-icon-tp.ico b/img/Gilroy-Hacks-Logo-icon-tp.ico
new file mode 100644
index 0000000..f0ff8a3
Binary files /dev/null and b/img/Gilroy-Hacks-Logo-icon-tp.ico differ
diff --git a/img/Gilroy-Hacks-Logo.ico b/img/Gilroy-Hacks-Logo.ico
deleted file mode 100644
index 632a50a..0000000
Binary files a/img/Gilroy-Hacks-Logo.ico and /dev/null differ
diff --git a/img/bronze-laurel.png b/img/bronze-laurel.png
new file mode 100644
index 0000000..9bcac21
Binary files /dev/null and b/img/bronze-laurel.png differ
diff --git a/img/gold-laurel.png b/img/gold-laurel.png
new file mode 100644
index 0000000..d79dfde
Binary files /dev/null and b/img/gold-laurel.png differ
diff --git a/img/silver-laurel.png b/img/silver-laurel.png
new file mode 100644
index 0000000..a3ee8a8
Binary files /dev/null and b/img/silver-laurel.png differ
diff --git a/index.html b/index.html
index 073cca7..1843a42 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
Gilroy Hacks
-
+
@@ -39,7 +39,7 @@