diff --git a/content/about/about.erb b/content/about/about.erb index 18753ee..782b112 100644 --- a/content/about/about.erb +++ b/content/about/about.erb @@ -25,12 +25,15 @@ narrow_page: true

The board

- -

+

The board is the oil in the machine and is the driving force behind the organization of events and projects. The Zeus WPI board for the <%= pretty_year @config[:academic_year] %> academic year is:

+
+ Mail us all at: bestuur@zeus.ugent.be +
+ diff --git a/content/about/contact.erb b/content/about/contact.erb index 348363c..65485ab 100644 --- a/content/about/contact.erb +++ b/content/about/contact.erb @@ -1,49 +1,129 @@ --- narrow_page: true +icon_size: 2x +contact_links: + - icon: facebook + link: https://www.facebook.com/zeus.wpi/ + description: Facebook + action: Like us + - icon: envelope + link: ../about#board + description: Email + action: Mail us + - icon: twitter + link: https://twitter.com/zeuswpi + description: Twitter + action: Follow us + - icon: slack + link: https://zeuswpi.slack.com/ + description: Slack + action: Message us + - icon: commenting + link: irc://wina.ugent.be/#zeus + description: irc + action: Chat with us + - icon: inbox + link: http://lists.zeus.ugent.be/mailman/listinfo/leden + description: Mailinglist + action: Keep up to date + - icon: github + link: https://github.com/ZeusWPI/ + description: GitHub + action: Fork us + - icon: phone + link: 'tel:+3292644751' + description: Phone + action: Call us --- - <%= render '/partials/_about_sub_navbar.*', selected: 'contact' %> -

Contact

+

Contact us

+

bleep bloop

-
+ + -

- Zeus WPI is located in the basement of the S9 building on Campus Sterre, by it's members often named “de kelder”. -

+ +
+
+
-

Reach us:

+ +
+

Pay us

+
+

+ BE32 9799 9370 6502 +

+ + <%= fa :euro, fw: true %> Use Tab + +
-
    -
  • - come to “de kelder” and say hi! (find us here). -
    • -
  • - mail the board (bestuur@zeus.ugent.be), or some specific members -
    • -
  • - join our Slack team (by *ugent.be mail or invite) -
    • -
  • - send a yellow postcard “Zeus WPI – Krijgslaan 281, S9 – 9000 Gent” -
    • -
  • - keep up to date trough our mailinglist -
    • -
  • - check out our IRC-channel -
    • -
  • - call us at 09 264 4751 (intern: 4751) -
    • -
  • - deposit at BE32 9799 9370 6502 (BIC: ARSP BE 22) -
    • -
  • - follow us on Twitter: @ZeusWPI -
    • -
  • - like us on Facebook -
    • -
- -
\ No newline at end of file + +
+

Call us

+
+

+ +32 92 64 47 5
+ Intern: 4751 +

+
+
+ + +
+
+

Find us

+
+

+ You can find our hiding place, or what we call 'de kelder' at the basement level of following address: +

+
+ Krijgslaan 281
+ Campus Sterre S9
+ 9000 Gent
+
+ +
+
+
+ + +
+
+

Slack info

+
+

+ You can register with any *.zeus.ugent.be or even *.ugent.be email address. + If you don't have one, try to reach us on one of our other channels and ask for an invitation. +

+
+
+
+ + + \ No newline at end of file diff --git a/content/assets/stylesheets/includes/about.scss b/content/assets/stylesheets/includes/about.scss new file mode 100644 index 0000000..0421bc2 --- /dev/null +++ b/content/assets/stylesheets/includes/about.scss @@ -0,0 +1,98 @@ +#contact-icons { + display: flex; + justify-content: center; + align-items: center; + + > .column { + max-width: 70vw; + } + + .contact-circle-option { + display: block; + max-width: 200px; + + .contact-circle-wrapper { + display: block; + position: relative; + width: 60%; + padding-bottom: 60%; + height: 0; + margin: 0 auto; + + .contact-circle-pulse { + position: absolute; + left: 0; + width: 100%; + height: 100%; + border-radius: 50%; + border: 1px solid $secondary; + margin: 0 auto; + } + + .contact-circle { + position: absolute; + left: 0; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: $secondary; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + color: $highlighted-text-colour; + } + } + + .contact-circle-wrapper:hover, .contact-circle-wrapper:focus { + + .grow { + transition: all .2s ease-in-out; + -moz-transform: scale(1.2); + -webkit-transform: scale(1.2); + transform: scale(1.2); + } + + + } + + .contact-description { + display: block; + text-align: center; + margin-top: 20px; + color: $primary; + } + + .contact-text-link { + color: $text; + border-bottom: 1px solid $secondary; + margin-top: 7px; + //font-size: 1.5em; + } + + .contact-text-link:hover { + color: $secondary; + } + } + +} + +#contact-info { + h1 { + margin-bottom: 0.3em; + } + + .is-divider { + margin-bottom: 0.7em; + margin-top: 0.7em; + } + + #contact-location-buttons { + width: 100%; + text-align: center; + } + + .button:hover, .button:focus { + border-color: $primary; + } +} \ No newline at end of file diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss index 7ee7dd7..e5ce7fa 100644 --- a/content/assets/stylesheets/includes/general.scss +++ b/content/assets/stylesheets/includes/general.scss @@ -174,6 +174,10 @@ footer.footer { } .content { + blockquote { + border-left-color: $secondary; + } + // Bold definition types in
dt { font-weight: bold; @@ -181,9 +185,11 @@ footer.footer { figure { position: relative; + img { display: block; } + figcaption { position: absolute; background-color: rgba(0,0,0,.7); @@ -196,6 +202,7 @@ footer.footer { opacity: 0; } + &:hover { figcaption { opacity: 1; diff --git a/content/assets/stylesheets/includes/tiles.scss b/content/assets/stylesheets/includes/tiles.scss index 6e35037..438bda6 100644 --- a/content/assets/stylesheets/includes/tiles.scss +++ b/content/assets/stylesheets/includes/tiles.scss @@ -24,7 +24,7 @@ a.box { filter: grayscale(30%); .event-content { - color: #4a4a4a; + color: $text; height: 100%; width: 100%; background: rgba($tertiary, 0.2); diff --git a/content/assets/stylesheets/main.scss b/content/assets/stylesheets/main.scss index 6b5b8f2..72e92ef 100644 --- a/content/assets/stylesheets/main.scss +++ b/content/assets/stylesheets/main.scss @@ -34,3 +34,4 @@ body.site { @import "includes/projects"; @import "includes/navbar"; @import "includes/search"; +@import "includes/about"