diff --git a/css/general.css b/css/general.css
index d2f675d..4704776 100644
--- a/css/general.css
+++ b/css/general.css
@@ -132,11 +132,6 @@ nav li a:focus::after{
}
/* Responsive Functions */
-@media (max-width: 1156px) {
- #signup-header {
- margin-top: 20px;
- }
-}
@media (max-width: 880px) {
#photo-release-container {
transform: scale(0.8);
@@ -739,6 +734,7 @@ section {
margin-top: 30px;
margin-left: 0;
text-align: left;
+ margin-bottom: 20px;
}
}
@media (max-width: 480px) {
@@ -982,6 +978,29 @@ section {
}
}
+#map-article {
+margin: 20px 100px;
+}
+
+#map-title {
+ font-size: 25px;
+ margin-bottom: 10px;
+}
+
+#google-maps {
+ border-radius: 10px;
+ padding: 3px;
+ height: 500px;
+ border: 1px solid white;
+}
+
+#map {
+ border: 0;
+ border-radius: 10px;
+ width: 100%;
+ height: 100%;
+}
+
#rules-description {
margin: 10px 20px;
font-size: 18px;
@@ -1261,6 +1280,15 @@ section {
border: 0px solid rgb(54, 54, 54);
}
+@keyframes card-pullout {
+ 0% {
+ transform: rotate3d(0, 1, 0, 0deg);
+ }
+ 100% {
+ transform: rotate3d(0, 1, 0, 360deg);
+ }
+}
+
.team-entry:hover {
transform: scale(1.01);
border: 1px solid rgb(54, 54, 54);
@@ -1270,6 +1298,7 @@ section {
.team-picture {
width: auto;
height: auto;
+ animation: card-pullout ease 2s;
}
.team-picture img {
diff --git a/index.html b/index.html
index 1fc698f..7391e15 100644
--- a/index.html
+++ b/index.html
@@ -257,6 +257,12 @@
+
+ Event Location
+
+
+
+
Rules
diff --git a/js/scroll_element.js b/js/scroll_element.js
index 15e5b80..1d59622 100644
--- a/js/scroll_element.js
+++ b/js/scroll_element.js
@@ -46,6 +46,7 @@ const observer = new IntersectionObserver(entries => {
observer.observe(document.querySelector('#event-main-box'));
observer.observe(document.querySelector('#timeline'));
observer.observe(document.querySelector('#signup-article'));
+ observer.observe(document.querySelector('#map-article'));
observer.observe(document.querySelector('#rules-description'));
observer.observe(document.querySelector('#guidelines'));
observer.observe(document.querySelector('#code-of-conduct'));