FAQs
++ FAQs +
Have all your questions answered.
diff --git a/pages/index.js b/pages/index.js index 930f79a..b201f6a 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,6 +1,7 @@ import Head from "next/head"; import Navbar from "/components/Navbar"; +import Background from "/components/Background"; function Home() { return ( @@ -11,28 +12,23 @@ function Home() {- EU Code Week 2022 @ University of Minho -
-
- October 17 - 21, 2022
+
+ 16 - 20 October
- Building 7, Gualtar Campus
+
+ Building 7,
Gualtar Campus
+
Schedule
@@ -30,8 +30,10 @@ export default function Schedule() { {schedule.map((day, i0) => (
{day.date}
++ {day.date} +
{activity.title}
diff --git a/pages/speakers.js b/pages/speakers.js
index 388de9b..834b4ec 100644
--- a/pages/speakers.js
+++ b/pages/speakers.js
@@ -16,7 +16,7 @@ export default function Speakers() {
+
Speakers
diff --git a/pages/team.js b/pages/team.js
index fdb1d26..ee589ba 100644
--- a/pages/team.js
+++ b/pages/team.js
@@ -15,7 +15,9 @@ export default function Team() {
Team
+ Team
+
CeSIUM and NECC joined forces and became almost as strong as a
semicolon in C. Look at us: hard working people, code enthusiasts,
diff --git a/public/fonts/OCRAEXT.TTF b/public/fonts/OCRAEXT.TTF
new file mode 100644
index 0000000..0e77e20
Binary files /dev/null and b/public/fonts/OCRAEXT.TTF differ
diff --git a/public/images/logos/codeweek-2023.svg b/public/images/logos/codeweek-2023.svg
new file mode 100644
index 0000000..3aca3ce
--- /dev/null
+++ b/public/images/logos/codeweek-2023.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/logos/codeweek-icon-purple.svg b/public/images/logos/codeweek-icon-purple.svg
index 9dbb786..46e603a 100644
--- a/public/images/logos/codeweek-icon-purple.svg
+++ b/public/images/logos/codeweek-icon-purple.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/images/props/shapes_1.svg b/public/images/props/shapes_1.svg
new file mode 100644
index 0000000..d63369f
--- /dev/null
+++ b/public/images/props/shapes_1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/props/shapes_2.svg b/public/images/props/shapes_2.svg
new file mode 100644
index 0000000..86bb50f
--- /dev/null
+++ b/public/images/props/shapes_2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/props/shapes_3.svg b/public/images/props/shapes_3.svg
new file mode 100644
index 0000000..c5e0fc5
--- /dev/null
+++ b/public/images/props/shapes_3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index fbf0e25..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
\ No newline at end of file
diff --git a/styles/Home.module.css b/styles/Home.module.css
deleted file mode 100644
index 765ef8f..0000000
--- a/styles/Home.module.css
+++ /dev/null
@@ -1,116 +0,0 @@
-.container {
- padding: 0 2rem;
-}
-
-.main {
- display: flex;
- flex: 1;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- min-height: 100vh;
- padding: 4rem 0;
-}
-
-.footer {
- display: flex;
- flex: 1;
- align-items: center;
- justify-content: center;
- padding: 2rem 0;
- border-top: 1px solid #eaeaea;
-}
-
-.footer a {
- display: flex;
- flex-grow: 1;
- align-items: center;
- justify-content: center;
-}
-
-.title a {
- color: #0070f3;
- text-decoration: none;
-}
-
-.title a:hover,
-.title a:focus,
-.title a:active {
- text-decoration: underline;
-}
-
-.title {
- margin: 0;
- font-size: 4rem;
- line-height: 1.15;
-}
-
-.title,
-.description {
- text-align: center;
-}
-
-.description {
- margin: 4rem 0;
- font-size: 1.5rem;
- line-height: 1.5;
-}
-
-.code {
- padding: 0.75rem;
- font-family: Menlo, Monaco, "Lucida Console", "Liberation Mono",
- "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
- font-size: 1.1rem;
- background: #fafafa;
- border-radius: 5px;
-}
-
-.grid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- max-width: 800px;
-}
-
-.card {
- max-width: 300px;
- padding: 1.5rem;
- margin: 1rem;
- color: inherit;
- text-align: left;
- text-decoration: none;
- border: 1px solid #eaeaea;
- border-radius: 10px;
- transition: color 0.15s ease, border-color 0.15s ease;
-}
-
-.card:hover,
-.card:focus,
-.card:active {
- color: #0070f3;
- border-color: #0070f3;
-}
-
-.card h2 {
- margin: 0 0 1rem;
- font-size: 1.5rem;
-}
-
-.card p {
- margin: 0;
- font-size: 1.25rem;
- line-height: 1.5;
-}
-
-.logo {
- height: 1em;
- margin-left: 0.5rem;
-}
-
-@media (max-width: 600px) {
- .grid {
- flex-direction: column;
- width: 100%;
- }
-}
diff --git a/styles/background.css b/styles/background.css
new file mode 100644
index 0000000..d731c5d
--- /dev/null
+++ b/styles/background.css
@@ -0,0 +1,226 @@
+.wrap {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.shape {
+ position: absolute;
+ height: 300px;
+}
+
+@-webkit-keyframes animateShape {
+ 0% {
+ margin-top: 1000px;
+ }
+ 100% {
+ margin-top: -100%;
+ }
+}
+
+@-moz-keyframes animateShape {
+ 0% {
+ margin-top: 1000px;
+ }
+ 100% {
+ margin-top: -100%;
+ }
+}
+
+@keyframes animateShape {
+ 0% {
+ margin-top: 1000px;
+ }
+ 100% {
+ margin-top: -100%;
+ }
+}
+
+@-webkit-keyframes sideWays {
+ 0% {
+ margin-left: 0px;
+ }
+ 100% {
+ margin-left: 50px;
+ }
+}
+
+@-moz-keyframes sideWays {
+ 0% {
+ margin-left: 0px;
+ }
+ 100% {
+ margin-left: 50px;
+ }
+}
+
+@keyframes sideWays {
+ 0% {
+ margin-left: 0px;
+ }
+ 100% {
+ margin-left: 50px;
+ }
+}
+
+.x1 {
+ top: 5%;
+
+ left: -5%;
+
+ -webkit-transform: scale(0.6);
+ -moz-transform: scale(0.6);
+ transform: scale(0.6);
+ -webkit-animation: animateShape 25s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ -moz-animation: animateShape 25s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ animation: animateShape 25s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+}
+
+.x2 {
+ top: 80%;
+
+ left: 5%;
+
+ -webkit-transform: scale(0.4);
+ -moz-transform: scale(0.4);
+ transform: scale(0.4);
+ -webkit-animation: animateShape 20s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ -moz-animation: animateShape 20s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ animation: animateShape 20s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+}
+
+.x3 {
+ top: 40%;
+
+ left: 10%;
+
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ transform: scale(0.7);
+ -webkit-animation: animateShape 28s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ -moz-animation: animateShape 28s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ animation: animateShape 28s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+}
+
+.x4 {
+ top: 0;
+
+ left: 20%;
+
+ -webkit-transform: scale(0.3);
+ -moz-transform: scale(0.3);
+ transform: scale(0.3);
+ -webkit-animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+ -moz-animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+ animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+}
+
+.x5 {
+ top: 50%;
+
+ left: 30%;
+
+ -webkit-transform: scale(0.5);
+ -moz-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ -moz-animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+}
+
+.x6 {
+ top: 0;
+
+ left: 50%;
+
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ transform: scale(0.8);
+ -webkit-animation: animateShape 21s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ -moz-animation: animateShape 21s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ animation: animateShape 21s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+}
+
+.x7 {
+ top: 70%;
+
+ left: 65%;
+
+ -webkit-transform: scale(0.4);
+ -moz-transform: scale(0.4);
+ transform: scale(0.4);
+ -webkit-animation: animateShape 20s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ -moz-animation: animateShape 20s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ animation: animateShape 20s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+}
+
+.x8 {
+ top: 10%;
+
+ left: 80%;
+
+ -webkit-transform: scale(0.3);
+ -moz-transform: scale(0.3);
+ transform: scale(0.3);
+ -webkit-animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+ -moz-animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+ animation: animateShape 22s linear infinite,
+ sideWays 3s ease-in-out infinite alternate;
+}
+
+.x9 {
+ top: 50%;
+
+ left: 90%;
+
+ -webkit-transform: scale(0.6);
+ -moz-transform: scale(0.6);
+ transform: scale(0.6);
+ -webkit-animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ -moz-animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+ animation: animateShape 29s linear infinite,
+ sideWays 4s ease-in-out infinite alternate;
+}
+
+.x10 {
+ top: 80%;
+
+ left: 80%;
+
+ -webkit-transform: scale(0.3);
+ -moz-transform: scale(0.3);
+ transform: scale(0.3);
+ -webkit-animation: animateShape 26s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ -moz-animation: animateShape 26s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+ animation: animateShape 26s linear infinite,
+ sideWays 2s ease-in-out infinite alternate;
+}
diff --git a/styles/globals.css b/styles/globals.css
index 2d4852a..20d053b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -2,72 +2,7 @@
@tailwind components;
@tailwind utilities;
-.space,
-.stars {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- max-width: 100%;
- max-height: 100%;
- overflow: hidden;
-}
-.stars {
- width: auto;
- max-width: 100%;
- max-height: 100%;
- background-image: radial-gradient(
- 2px 2px at 20px 30px,
- #eee,
- rgba(0, 0, 0, 0)
- ),
- radial-gradient(2px 2px at 40px 70px, #fff, rgba(0, 0, 0, 0)),
- radial-gradient(2px 2px at 50px 160px, #ddd, rgba(0, 0, 0, 0)),
- radial-gradient(2px 2px at 90px 40px, #fff, rgba(0, 0, 0, 0)),
- radial-gradient(2px 2px at 130px 80px, #fff, rgba(0, 0, 0, 0)),
- radial-gradient(2px 2px at 160px 120px, #ddd, rgba(0, 0, 0, 0));
- background-repeat: repeat;
- background-size: 100px 100px;
- opacity: 0;
- animation: zoom 5s infinite;
-}
-
-.stars:nth-child(1) {
- background-position: 50% 50%;
- animation-delay: 0s;
-}
-.stars:nth-child(2) {
- background-position: 20% 60%;
- animation-delay: 2s;
-}
-.stars:nth-child(3) {
- background-position: -20% -30%;
- animation-delay: 3s;
-}
-.stars:nth-child(4) {
- background-position: 40% -80%;
- animation-delay: 4s;
-}
-.stars:nth-child(5) {
- background-position: -20% 30%;
- animation-delay: 5s;
-}
-
-@keyframes zoom {
- 0% {
- opacity: 0;
- transform: scale(0.5);
- animation-timing-function: ease-in;
- }
- 85% {
- opacity: 1;
- transform: scale(2.8);
- animation-timing-function: linear;
- }
- 100% {
- opacity: 0;
- transform: scale(3.5);
- }
+@font-face {
+ font-family: "OCR A Extended";
+ src: url("../public/fonts/OCRAEXT.TTF") format("truetype");
}
diff --git a/tailwind.config.js b/tailwind.config.js
index 8965f38..f28b312 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,6 +5,7 @@ module.exports = {
],
theme: {
colors: {
+ primary: "#ff499e",
transparent: "transparent",
white: "#ffffff",
black: "#000000",
@@ -13,6 +14,9 @@ module.exports = {
gray3: "#8a8f98",
purple: "#845ef7",
},
+ fontFamily: {
+ ocr: "OCR A Extended",
+ },
extend: {},
},
plugins: [],