diff --git a/index.html b/index.html index e1ede85..e1c97a9 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,12 @@ Join TEC! - + + + @@ -29,42 +31,45 @@ - - - + + + + + - - - -
-
-
-
-

Get Involved with Something Unique!

-

By students, for students

-
-
- +
+
+
+
+

Get Involved with Something Unique!

+

By students, for students +

+
+
+ +
-
-
-
-
-
-
+ +
+
+
+

- TEC is an UoNSU Student Group providing technical services within the University to the Union and other Student Groups. We also work with external clients. Our team work on a range of events, from Graduation Ball to student comedy nights. We own, maintain and operate all of our lighting, sound and AV equipment. + TEC is an UoNSU Student Group providing technical services within the University to the Union and other + Student Groups. We also work with external clients. Our team work on a range of events, from Graduation + Ball to student comedy nights. We own, maintain and operate all of our lighting, sound and AV equipment.

TEC involves a wide variety of activities: @@ -77,9 +82,9 @@

By
  • Driving our van
  • You can be one of the volunteers making it continue year on year!

    -

    -
    -
    +
    + -
    -
    -

    Why join TEC? Simple.

    -

    Our members say:

    -
    - -
    -

    "TEC allowed me to really engage with student life, I have made lifelong friendships and unforgettable memories." — Liv

    +
    +

    Why join TEC? Simple.

    +

    Our members say:

    +
    + +
    +

    "TEC allowed me to really engage with student life, I have made lifelong friendships and unforgettable + memories." — Liv

    +
    + +
    +

    "Coolest group I've joined" — Jess

    +
    + +
    +

    "Running events in our team gives me a sense of pride like nothing else" — Matt

    +
    - -
    -

    "Coolest group I've joined" — Jess

    +
    + +
    +

    New Members' Introduction

    +

    TEC is all about getting stuck in ⁠— why not come along to a New Members' Introduction? We'll introduce you + to some of our kit and how to use it. No experience is required and once you've attended, you can come + along + to any TEC event.

    +
    +

    Thursday 25th September @ 18:30 in The Welcome Zone, Portland + Building

    - -
    -

    "Running events in our team gives me a sense of pride like nothing else" — Matt

    +
    +

    Saturday 27th September @ 12:30 in The Welcome Zone, Portland + Building

    -
    -
    -

    New Members' Introduction

    -

    TEC is all about getting stuck in ⁠— why not come along to a New Members' Introduction? We'll introduce you to some of our kit and how to use it. No experience is required and once you’ve attended, you can come along to any TEC event.

    -
    -

    Thursday 25th September @ 18:30 in The Welcome Zone, Portland Building

    -
    -
    -

    Saturday 27th September @ 12:30 in The Welcome Zone, Portland Building

    +
    +

    What can I get from TEC?

    + +

    We learn how to maintain and operate equipment to a high standard. You'll acquire skills and experience + which look excellent on a CV. Take it from any number of our members who are employed in the events + industry! TEC provides an unparalleled opportunity for networking with fellow teccies and clients alike. + You'll make friends, not just work with colleagues. Most of all, it's great fun!

    -
    - -
    -

    What can I get from TEC?

    - -

    We learn how to maintain and operate equipment to a high standard. You'll acquire skills and experience which look excellent on a CV. Take it from any number of our members who are employed in the events industry! TEC provides an unparalleled opportunity for networking with fellow teccies and clients alike. You'll make friends, not just work with colleagues. Most of all, it's great fun!

    -
    -
    -

    Socials

    - -

    Running events may be what we do but we also enjoy kicking back and relaxing. We're often found in the pub enjoying our 'crew food' — TEC provides food for its members on or after events. We also hold other socials such as Go-Ape, bowling and go-karting, usually paid for by TEC.

    -
    +
    +

    Socials

    + +

    Running events may be what we do but we also enjoy kicking back and relaxing. We're often found in the pub + enjoying our 'crew food' — TEC provides food for its members on or after events. We also hold other socials + such as Go-Ape, bowling and go-karting, usually paid for by TEC.

    +
    -
    - -

    What's with the moose?

    -
    - -

    The moose is TEC's mascot, seen here doing a rather good impression of Lord Kitchener to help us out with recruitment. Previously guardian of our van he has since been promoted to watch over our office in the Portland Building. The storeroom guarding job was already covered by a duck. (Yes, we know we're a bit odd. Promise the moose doesn't bite) Come by and say hi sometime! Or email him at moose@nottinghamtec.co.uk...

    +
    + +

    What's with the moose?

    +
    + +

    The moose is TEC's mascot, seen here doing a rather good impression of Lord + Kitchener to help us out with recruitment. Previously guardian of our van he has since been promoted to + watch over our office in the Portland Building. The storeroom guarding job was already covered by a duck. + (Yes, we know we're a bit odd. Promise the moose doesn't bite) Come by and say hi sometime! Or email him + at moose@nottinghamtec.co.uk...

    +
    -
    -
    -
    + -
    - - diff --git a/main.css b/main.css index ace4d21..33723dc 100644 --- a/main.css +++ b/main.css @@ -1,14 +1,27 @@ :root { - --blue: rgba(52, 81, 166, 0.5); - --darkblue: rgba(27, 42, 88, 0.5); + --blue: rgba(52, 81, 166, 0.5); + --darkblue: rgba(27, 42, 88, 0.5); } -h1, h2, h3, h4, h5, p, a, li, span { +h1, +h2, +h3, +h4, +h5, +p, +a, +li, +span { font-family: "Open Sans", sans-serif; + font-optical-sizing: auto; + font-style: normal; + font-variation-settings: + "wdth" 100; color: #fff; } -h2, h3 { +h2, +h3 { font-weight: 200; } @@ -28,29 +41,45 @@ body { margin: 0; } +.mainBody { + padding-top: .5em; + padding-bottom: 0.5em; + grid-area: head; + background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('static/images/gb.webp'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; +} + button { - background-color: var(--blue); - font-size: 1.5em; - padding: 0.5em; - border: none; - border-radius: .1em; + background-color: var(--blue); + font-size: 1.5em; + padding: 0.5em; + border: none; + border-radius: .1em; } button:hover { - background-color: rgba(52, 81, 166, 1); - box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5); + background-color: rgba(52, 81, 166, 1); + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5); } p { - text-align: justify; + text-align: justify; } main { - min-width: 0; + min-width: 0; } .headshot { - width:5em; + width: 5em; border-radius: 50%; } @@ -66,7 +95,7 @@ main { margin: 0 auto; grid-template-areas: 'head' - 'testemonial' + 'testimonial' 'nmi' 'benefits' 'socials' @@ -87,26 +116,26 @@ main { .floating { border-radius: 0.1em; - box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5); + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; -ms-border-radius: 0.1em; -o-border-radius: 0.1em; } -.testemonial-quote { +.testimonial-quote { width: 100%; background-color: var(--darkblue); } -.testemonial-quote>h3 { +.testimonial-quote>h3 { margin-left: 0.5em; margin-right: 0.5em; } .header { border-radius: 0.1em; - box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5); + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5); background-color: var(--blue); padding: 0.5em; } @@ -115,18 +144,18 @@ main { text-decoration: none; } -#contact { +.contact { display: flex; flex-wrap: nowrap; justify-content: space-evenly; } -#socialimg { +.socialimg { width: 100%; height: auto; } -#testemonial-grid { +#testimonial-grid { display: grid; grid-template-columns: min-content auto; justify-items: center; @@ -134,21 +163,28 @@ main { grid-gap: .5em; } -#signup>* { - text-align: center +.signup { + margin-top: 5em; + + >* { + text-align: center + } } -#header-background { +.header-background { + display: flex; + flex-wrap: nowrap; + justify-content: center; padding: 0; padding-top: 0.2em; padding-left: 0.5em; - background-image: url('static/images/flash.jpg'); + background-image: url('static/images/flash.webp'); background-size: cover; } .header { border-radius: 0.1em; - box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5); + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5); background-color: rgba(52, 81, 166, 0.5); padding: 0.5em; } @@ -158,7 +194,12 @@ main { flex-direction: column; align-items: center; background-color: #212129; - box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); + box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); + + h3 { + text-align: center; + font-size: 20px; + } } .header-text * { @@ -171,23 +212,27 @@ main { grid-column-gap: 3em; width: 85%; grid-template-areas: - 'head head' - 'testemonial nmi' - 'benefits socials' - 'moose moose'; + 'head head' + 'testimonial nmi' + 'benefits socials' + 'moose moose'; } - #nmi { + + .nmi { align-self: start; } + #why { align-self: center; justify-self: center; } - #socialimg { + + .socialimg { margin-left: 20%; margin-right: 20%; width: 60%; } + #header-background { background-position-y: -450px; } @@ -201,6 +246,18 @@ main { } } +.moose { + width: 500px; + margin: 1em; +} + +.footer { + background-image: url('static/images/background.webp'); + background-size: cover; + padding-top: 0.5em; + padding-bottom: 0.5em +} + @media only screen and (max-width: 800px) { h1 { font-size: 2em; @@ -219,7 +276,7 @@ main { padding-left: 0; } - #moose { + .moose { flex-direction: column !important; align-items: center; } @@ -230,4 +287,3 @@ main { width: 70%; } } - diff --git a/popup.css b/popup.css deleted file mode 100644 index b209e50..0000000 --- a/popup.css +++ /dev/null @@ -1,81 +0,0 @@ -:root { - --blue: rgba(52, 81, 166); - --darkblue: rgba(27, 42, 88); - } - - -#overlay { - position: absolute; - top: 0; - bottom: 0; - background: var(--darkblue); - width: 100%; - height: 100%; - opacity: 0.3; - z-index: 100; -} - -#popup { - background: var(--darkblue); - width: 800px; - z-index: 200; - display: flex; - flex-direction: row; - justify-content: center; - -} - -#popupouter { - position: absolute; - top: 0; - left:0; - width: 100%; - height: 100%; - z-index: 400; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; -} - -.popupcontent { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - margin: 10px 10px; -} - -.popupcontrols { - /*makeitarectanglethatsitsatthebotomofthedivitsin*/width: 30%; - z-index: 300; - text-align: center; - background-color: #078148; - border-top: 3em; - padding: 10px 10px 10px 10px; - margin-top: 20px; - margin-bottom: 20px; - border-radius: .1em; - cursor: pointer; -} - -.popupcontrols:hover { - background-color: #0a9e5a; - border-radius: 0em; -} - -@media screen and (max-width: 800px) { - #popup { - width: 90%; - /* margin-left: -50%; */ - /* margin-top: -50%; */ - padding: 10px; - border: 10px; - /* left: 55%; */ - } - .popupcontrols { - width: 100%; - } -} diff --git a/static/favicons/android-chrome-144x144.png b/static/favicons/android-chrome-144x144.png old mode 100755 new mode 100644 index 0b0dbaa..f8581e1 Binary files a/static/favicons/android-chrome-144x144.png and b/static/favicons/android-chrome-144x144.png differ diff --git a/static/favicons/android-chrome-192x192.png b/static/favicons/android-chrome-192x192.png old mode 100755 new mode 100644 index bbac208..49e939f Binary files a/static/favicons/android-chrome-192x192.png and b/static/favicons/android-chrome-192x192.png differ diff --git a/static/favicons/android-chrome-36x36.png b/static/favicons/android-chrome-36x36.png old mode 100755 new mode 100644 index 42ddbdd..0d6fe0c Binary files a/static/favicons/android-chrome-36x36.png and b/static/favicons/android-chrome-36x36.png differ diff --git a/static/favicons/android-chrome-48x48.png b/static/favicons/android-chrome-48x48.png old mode 100755 new mode 100644 index 10ce2ad..61df1db Binary files a/static/favicons/android-chrome-48x48.png and b/static/favicons/android-chrome-48x48.png differ diff --git a/static/favicons/android-chrome-72x72.png b/static/favicons/android-chrome-72x72.png old mode 100755 new mode 100644 index bf23a6e..b2e8ed0 Binary files a/static/favicons/android-chrome-72x72.png and b/static/favicons/android-chrome-72x72.png differ diff --git a/static/favicons/android-chrome-96x96.png b/static/favicons/android-chrome-96x96.png old mode 100755 new mode 100644 index da12538..0401bc2 Binary files a/static/favicons/android-chrome-96x96.png and b/static/favicons/android-chrome-96x96.png differ diff --git a/static/favicons/apple-touch-icon-114x114.png b/static/favicons/apple-touch-icon-114x114.png old mode 100755 new mode 100644 index 5a5c8d3..810ee40 Binary files a/static/favicons/apple-touch-icon-114x114.png and b/static/favicons/apple-touch-icon-114x114.png differ diff --git a/static/favicons/apple-touch-icon-120x120.png b/static/favicons/apple-touch-icon-120x120.png old mode 100755 new mode 100644 index 8080b76..bf51b44 Binary files a/static/favicons/apple-touch-icon-120x120.png and b/static/favicons/apple-touch-icon-120x120.png differ diff --git a/static/favicons/apple-touch-icon-144x144.png b/static/favicons/apple-touch-icon-144x144.png old mode 100755 new mode 100644 index 3f87ebf..f8581e1 Binary files a/static/favicons/apple-touch-icon-144x144.png and b/static/favicons/apple-touch-icon-144x144.png differ diff --git a/static/favicons/apple-touch-icon-152x152.png b/static/favicons/apple-touch-icon-152x152.png old mode 100755 new mode 100644 index 6b29941..86b1208 Binary files a/static/favicons/apple-touch-icon-152x152.png and b/static/favicons/apple-touch-icon-152x152.png differ diff --git a/static/favicons/apple-touch-icon-180x180.png b/static/favicons/apple-touch-icon-180x180.png old mode 100755 new mode 100644 index f39446e..cc5e89a Binary files a/static/favicons/apple-touch-icon-180x180.png and b/static/favicons/apple-touch-icon-180x180.png differ diff --git a/static/favicons/apple-touch-icon-57x57.png b/static/favicons/apple-touch-icon-57x57.png old mode 100755 new mode 100644 index ae75e9b..b06b4d6 Binary files a/static/favicons/apple-touch-icon-57x57.png and b/static/favicons/apple-touch-icon-57x57.png differ diff --git a/static/favicons/apple-touch-icon-60x60.png b/static/favicons/apple-touch-icon-60x60.png old mode 100755 new mode 100644 index 9e5c98b..f41003e Binary files a/static/favicons/apple-touch-icon-60x60.png and b/static/favicons/apple-touch-icon-60x60.png differ diff --git a/static/favicons/apple-touch-icon-72x72.png b/static/favicons/apple-touch-icon-72x72.png old mode 100755 new mode 100644 index bf23a6e..b2e8ed0 Binary files a/static/favicons/apple-touch-icon-72x72.png and b/static/favicons/apple-touch-icon-72x72.png differ diff --git a/static/favicons/apple-touch-icon-76x76.png b/static/favicons/apple-touch-icon-76x76.png old mode 100755 new mode 100644 index 68bcec7..40d33fa Binary files a/static/favicons/apple-touch-icon-76x76.png and b/static/favicons/apple-touch-icon-76x76.png differ diff --git a/static/favicons/apple-touch-icon-precomposed.png b/static/favicons/apple-touch-icon-precomposed.png old mode 100755 new mode 100644 index 9fda375..9a1289b Binary files a/static/favicons/apple-touch-icon-precomposed.png and b/static/favicons/apple-touch-icon-precomposed.png differ diff --git a/static/favicons/apple-touch-icon.png b/static/favicons/apple-touch-icon.png old mode 100755 new mode 100644 index f39446e..cc5e89a Binary files a/static/favicons/apple-touch-icon.png and b/static/favicons/apple-touch-icon.png differ diff --git a/static/favicons/favicon-16x16.png b/static/favicons/favicon-16x16.png old mode 100755 new mode 100644 index f5642c0..d71e690 Binary files a/static/favicons/favicon-16x16.png and b/static/favicons/favicon-16x16.png differ diff --git a/static/favicons/favicon-32x32.png b/static/favicons/favicon-32x32.png old mode 100755 new mode 100644 index 86c0a79..e18c9c9 Binary files a/static/favicons/favicon-32x32.png and b/static/favicons/favicon-32x32.png differ diff --git a/static/favicons/favicon-96x96.png b/static/favicons/favicon-96x96.png old mode 100755 new mode 100644 index 12e8912..51f286a Binary files a/static/favicons/favicon-96x96.png and b/static/favicons/favicon-96x96.png differ diff --git a/static/favicons/mstile-144x144.png b/static/favicons/mstile-144x144.png old mode 100755 new mode 100644 index d8bd7c0..bcc1dbc Binary files a/static/favicons/mstile-144x144.png and b/static/favicons/mstile-144x144.png differ diff --git a/static/favicons/mstile-150x150.png b/static/favicons/mstile-150x150.png old mode 100755 new mode 100644 index 1036747..d4b859d Binary files a/static/favicons/mstile-150x150.png and b/static/favicons/mstile-150x150.png differ diff --git a/static/favicons/mstile-310x150.png b/static/favicons/mstile-310x150.png old mode 100755 new mode 100644 index ef25722..ed2a421 Binary files a/static/favicons/mstile-310x150.png and b/static/favicons/mstile-310x150.png differ diff --git a/static/favicons/mstile-310x310.png b/static/favicons/mstile-310x310.png old mode 100755 new mode 100644 index e9f4676..a8e89c1 Binary files a/static/favicons/mstile-310x310.png and b/static/favicons/mstile-310x310.png differ diff --git a/static/favicons/mstile-70x70.png b/static/favicons/mstile-70x70.png old mode 100755 new mode 100644 index 46f3c01..f457799 Binary files a/static/favicons/mstile-70x70.png and b/static/favicons/mstile-70x70.png differ diff --git a/static/images/background.jpg b/static/images/background.jpg deleted file mode 100644 index d235646..0000000 Binary files a/static/images/background.jpg and /dev/null differ diff --git a/static/images/background.webp b/static/images/background.webp new file mode 100644 index 0000000..f8216bd Binary files /dev/null and b/static/images/background.webp differ diff --git a/static/images/campus_portland.jpeg b/static/images/campus_portland.jpeg deleted file mode 100644 index 0304168..0000000 Binary files a/static/images/campus_portland.jpeg and /dev/null differ diff --git a/static/images/flash.jpg b/static/images/flash.jpg deleted file mode 100644 index 936f1a2..0000000 Binary files a/static/images/flash.jpg and /dev/null differ diff --git a/static/images/flash.webp b/static/images/flash.webp new file mode 100644 index 0000000..d3ade65 Binary files /dev/null and b/static/images/flash.webp differ diff --git a/static/images/gb.jpg b/static/images/gb.jpg deleted file mode 100644 index 277c8f8..0000000 Binary files a/static/images/gb.jpg and /dev/null differ diff --git a/static/images/gb.webp b/static/images/gb.webp new file mode 100644 index 0000000..ccdcf02 Binary files /dev/null and b/static/images/gb.webp differ diff --git a/static/images/jess.jpg b/static/images/jess.jpg deleted file mode 100644 index f463dfa..0000000 Binary files a/static/images/jess.jpg and /dev/null differ diff --git a/static/images/jess.webp b/static/images/jess.webp new file mode 100644 index 0000000..6756340 Binary files /dev/null and b/static/images/jess.webp differ diff --git a/static/images/liv.jpg b/static/images/liv.jpg deleted file mode 100644 index 12db943..0000000 Binary files a/static/images/liv.jpg and /dev/null differ diff --git a/static/images/liv.webp b/static/images/liv.webp new file mode 100644 index 0000000..5d4f0ea Binary files /dev/null and b/static/images/liv.webp differ diff --git a/static/images/mattsface.jpeg b/static/images/mattsface.jpeg deleted file mode 100644 index 9a33bab..0000000 Binary files a/static/images/mattsface.jpeg and /dev/null differ diff --git a/static/images/mattsface.webp b/static/images/mattsface.webp new file mode 100644 index 0000000..6b113a1 Binary files /dev/null and b/static/images/mattsface.webp differ diff --git a/static/images/portland_studio.jpg b/static/images/portland_studio.jpg deleted file mode 100644 index 092f089..0000000 Binary files a/static/images/portland_studio.jpg and /dev/null differ diff --git a/static/images/portland_studio.webp b/static/images/portland_studio.webp new file mode 100644 index 0000000..4db04a1 Binary files /dev/null and b/static/images/portland_studio.webp differ diff --git a/static/images/poster.png b/static/images/poster.png deleted file mode 100644 index 89d8b0f..0000000 Binary files a/static/images/poster.png and /dev/null differ diff --git a/static/images/poster.webp b/static/images/poster.webp new file mode 100644 index 0000000..cea0358 Binary files /dev/null and b/static/images/poster.webp differ diff --git a/static/images/sam.jpg b/static/images/sam.jpg deleted file mode 100644 index a57528f..0000000 Binary files a/static/images/sam.jpg and /dev/null differ diff --git a/static/images/sam.webp b/static/images/sam.webp new file mode 100644 index 0000000..4ddf51e Binary files /dev/null and b/static/images/sam.webp differ diff --git a/static/images/social.jpg b/static/images/social.jpg deleted file mode 100644 index 327b45a..0000000 Binary files a/static/images/social.jpg and /dev/null differ diff --git a/static/images/social.webp b/static/images/social.webp new file mode 100644 index 0000000..c788da4 Binary files /dev/null and b/static/images/social.webp differ diff --git a/static/images/tec_logo_full.png b/static/images/tec_logo_full.png deleted file mode 100644 index 917413d..0000000 Binary files a/static/images/tec_logo_full.png and /dev/null differ diff --git a/static/images/tec_logo_full.webp b/static/images/tec_logo_full.webp new file mode 100644 index 0000000..4a9270f Binary files /dev/null and b/static/images/tec_logo_full.webp differ diff --git a/static/images/tec_logo_white.png b/static/images/tec_logo_white.png deleted file mode 100644 index 4a84a3a..0000000 Binary files a/static/images/tec_logo_white.png and /dev/null differ diff --git a/static/images/tec_logo_white.webp b/static/images/tec_logo_white.webp new file mode 100644 index 0000000..f316fc9 Binary files /dev/null and b/static/images/tec_logo_white.webp differ diff --git a/static/images/van.jpg b/static/images/van.jpg deleted file mode 100644 index 2943b97..0000000 Binary files a/static/images/van.jpg and /dev/null differ diff --git a/static/images/van.webp b/static/images/van.webp new file mode 100644 index 0000000..5ad844f Binary files /dev/null and b/static/images/van.webp differ diff --git a/static/images/wa.jpg b/static/images/wa.jpg deleted file mode 100644 index 568dca7..0000000 Binary files a/static/images/wa.jpg and /dev/null differ diff --git a/static/images/wa.webp b/static/images/wa.webp new file mode 100644 index 0000000..7d0fa5b Binary files /dev/null and b/static/images/wa.webp differ