diff --git a/angle-double-down-solid.svg b/angle-double-down-solid.svg new file mode 100644 index 0000000..ae03af7 --- /dev/null +++ b/angle-double-down-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/harambee-logo.png b/harambee-logo.png new file mode 100644 index 0000000..639b535 Binary files /dev/null and b/harambee-logo.png differ diff --git a/harambee.ico b/harambee.ico new file mode 100644 index 0000000..e3a102e Binary files /dev/null and b/harambee.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..93ee70d --- /dev/null +++ b/index.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + 🏐 NSK Beachvolleybal 2020 Enschede + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+

Beach volleybal!

+
+
+

Echt heul leuk

+
+
+
+
+ +

+
+
+
+
+
+
+
+

Nee maar echt

+
+
+
+ +

+
+
+
+
+
+
+
+
+
+

Join our family during one of the many activities throughout the year!

+
+
+

You will get to know all kinds of people who share at least one interest with you: volleyball.

+

You will find Harambee at:

+
    +
  • The team presentations: where every team presents itself to the rest of the club.
    • +
  • The yearly prom: where you are definitely going to have that high wine or high cocktail with your crush.
    • +
  • Every home-matches weekend: where your fellow volleyball friends are playing their matches. Cheer them to the top! That's what Harambee stands for!
    • +
  • Harambee's monthly night out: every first Thursday we get away from the Sports Centre, and have a drink (or two) in the city.
    • +
  • ... and all other activities Harambee organises to make sure you have a great time!
    • +
+
+
+
+
+

Did you know that...

+

the name Harambee comes from a Swahili term which stands for "together we are strong and let us fight together"

+

The term was first used on the 5th anniversary of the University, by the former Rector Magnificus.

+
+
+

Questions?

+

We are here to answer them!

+

If you have any questions about volleyball at Harambee, contact us at tc@harambee.nl.

+

If you have any questions about the association, terms of membership, etc. send a mail to the board: bestuur@harambee.nl.

+

Also, be sure to visit our regular site at harambee.utwente.nl!

+
+
+
+
+
+ +

+ +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/keyframes.css b/keyframes.css new file mode 100644 index 0000000..6858b31 --- /dev/null +++ b/keyframes.css @@ -0,0 +1,216 @@ +/* ---------------------------------------------- + * Generated by Animista on 2019-12-17 16:20:12 + * Licensed under FreeBSD License. + * See http://animista.net/license for more info. + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation bounce-top + * ---------------------------------------- + */ + @-webkit-keyframes bounce-top { + 0% { + -webkit-transform: translateY(-45px); + transform: translateY(-45px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 1; + } + 24% { + opacity: 1; + } + 40% { + -webkit-transform: translateY(-24px); + transform: translateY(-24px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 65% { + -webkit-transform: translateY(-12px); + transform: translateY(-12px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 82% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 93% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 25%, + 55%, + 75%, + 87% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + } + @keyframes bounce-top { + 0% { + -webkit-transform: translateY(-45px); + transform: translateY(-45px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 1; + } + 24% { + opacity: 1; + } + 40% { + -webkit-transform: translateY(-24px); + transform: translateY(-24px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 65% { + -webkit-transform: translateY(-12px); + transform: translateY(-12px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 82% { + -webkit-transform: translateY(-6px); + transform: translateY(-6px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 93% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 25%, + 55%, + 75%, + 87% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + } + +/* ---------------------------------------------- + * Generated by Animista on 2019-12-17 16:23:45 + * Licensed under FreeBSD License. + * See http://animista.net/license for more info. + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation tracking-in-contract + * ---------------------------------------- + */ + @-webkit-keyframes tracking-in-contract { + 0% { + letter-spacing: 1em; + opacity: 0; + } + 40% { + opacity: 0.6; + } + 100% { + letter-spacing: normal; + opacity: 1; + } + } + @keyframes tracking-in-contract { + 0% { + letter-spacing: 1em; + opacity: 0; + } + 40% { + opacity: 0.6; + } + 100% { + letter-spacing: normal; + opacity: 1; + } + } + + + /* ---------------------------------------------- + * Generated by Animista on 2019-12-17 16:29:3 + * Licensed under FreeBSD License. + * See http://animista.net/license for more info. + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation bg-pan-left + * ---------------------------------------- + */ +@-webkit-keyframes bg-pan-left { + 0% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } + } + @keyframes bg-pan-left { + 0% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } + } + + + /* ---------------------------------------------- + * Generated by Animista on 2019-12-17 16:32:36 + * Licensed under FreeBSD License. + * See http://animista.net/license for more info. + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation bg-pan-br + * ---------------------------------------- + */ +@-webkit-keyframes bg-pan-br { + 0% { + background-position: 0% 0%; + } + 100% { + background-position: 100% 100%; + } + } + @keyframes bg-pan-br { + 0% { + background-position: 0% 0%; + } + 100% { + background-position: 100% 100%; + } + } + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..9333e1c --- /dev/null +++ b/styles.css @@ -0,0 +1,29 @@ +.bounce-top { + -webkit-animation: bounce-top 0.9s 3s alternate both; + animation: bounce-top 0.9s 3s alternate both; +} + +.bg-pan-left { + -webkit-animation: bg-pan-left 2s both; + animation: bg-pan-left 2s both; +} + +.bg-pan-br { + background: rgb(34,193,195); + background: linear-gradient(175deg, rgba(34,193,195,1) 30%, rgba(253,187,45,1) 90%); + background-size: 400%, 400%; + -webkit-animation: bg-pan-br 3s both; + animation: bg-pan-br 3s both; +} + +.tracking-in-contract { + -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; + animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; +} + +.zon { + position: absolute; + left: 100px; + top: 150px; + width: 100px; + } \ No newline at end of file diff --git a/ut-logo.png b/ut-logo.png new file mode 100755 index 0000000..bdbf7f9 Binary files /dev/null and b/ut-logo.png differ diff --git a/zon.jpg b/zon.jpg new file mode 100644 index 0000000..1e59622 Binary files /dev/null and b/zon.jpg differ