From 3e6133bc7b25e43a60ff6fe9d7812d2dd5f36da5 Mon Sep 17 00:00:00 2001 From: Brendan Golden Date: Sun, 1 Oct 2023 01:46:57 +0100 Subject: [PATCH] feat: applied the more standrd styling and layout --- src/images/backgroundsharkycoin.png | 3 + src/images/favicon/favicon-16x16.png | 3 + src/{img => images}/renew1.jpg | 0 src/{img => images}/renew2.png | 0 src/{img => images}/renew3.png | 0 src/{img => images}/renew4.png | 0 src/{img => images}/renew5.jpg | 0 src/{img => images}/renew6.jpg | 0 src/images/sharky.svg | 193 ++++++++++++++++++++++++ src/index.html | 215 ++++++++++++++------------- src/main.css | 84 +++++++++-- 11 files changed, 386 insertions(+), 112 deletions(-) create mode 100644 src/images/backgroundsharkycoin.png create mode 100644 src/images/favicon/favicon-16x16.png rename src/{img => images}/renew1.jpg (100%) rename src/{img => images}/renew2.png (100%) rename src/{img => images}/renew3.png (100%) rename src/{img => images}/renew4.png (100%) rename src/{img => images}/renew5.jpg (100%) rename src/{img => images}/renew6.jpg (100%) create mode 100644 src/images/sharky.svg diff --git a/src/images/backgroundsharkycoin.png b/src/images/backgroundsharkycoin.png new file mode 100644 index 0000000..48a2362 --- /dev/null +++ b/src/images/backgroundsharkycoin.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6aa92476b2064576b1db1a13f14e4cef1016010e4c9f4d9af62a67ba9af76300 +size 41493 diff --git a/src/images/favicon/favicon-16x16.png b/src/images/favicon/favicon-16x16.png new file mode 100644 index 0000000..da9b786 --- /dev/null +++ b/src/images/favicon/favicon-16x16.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9500c2b745f88b34413fa9b40e5ea2e12998f10b57e7d2721991afeac4bcb6e6 +size 1544 diff --git a/src/img/renew1.jpg b/src/images/renew1.jpg similarity index 100% rename from src/img/renew1.jpg rename to src/images/renew1.jpg diff --git a/src/img/renew2.png b/src/images/renew2.png similarity index 100% rename from src/img/renew2.png rename to src/images/renew2.png diff --git a/src/img/renew3.png b/src/images/renew3.png similarity index 100% rename from src/img/renew3.png rename to src/images/renew3.png diff --git a/src/img/renew4.png b/src/images/renew4.png similarity index 100% rename from src/img/renew4.png rename to src/images/renew4.png diff --git a/src/img/renew5.jpg b/src/images/renew5.jpg similarity index 100% rename from src/img/renew5.jpg rename to src/images/renew5.jpg diff --git a/src/img/renew6.jpg b/src/images/renew6.jpg similarity index 100% rename from src/img/renew6.jpg rename to src/images/renew6.jpg diff --git a/src/images/sharky.svg b/src/images/sharky.svg new file mode 100644 index 0000000..c3138d1 --- /dev/null +++ b/src/images/sharky.svg @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/index.html b/src/index.html index 66e4d9d..e8d4a7e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,104 +1,119 @@ - - + + - - - Skynet membership - + + Skynet Alumni Renewal + + -

How to renew your Skynet membership!

-

Dear Alumnus; welcome,

-

- Thank you for all your continued support throughout the years. - Your contribution and the contribution of many others have made it possible for us to buy more servers which - we use to give you the best service we can. - With our new servers, we hope to improve the quality for our users and have less downtime. -

- You can now purchase a 5-year subscription for €40. - This subscription is for a multi-year limited alumni membership of the Computer Society (This type of - membership does not entitle you to society subsidies or places on trips). - You must hold a Computer Society membership in order to hold a Skynet account. -

-

- If there has been no payment made passed the point of expiration on your membership, - your Skynet account will freeze. - You must pay for membership to unfreeze your account. -

-

- Below are instructions on how to renew your subscription. - Until you make both an account and pay membership, you will not have renewed your subscription. - Once you have completed the steps below, you will have renewed your subscription and will be issued a - receipt. -

-

- When requesting membership, you have the option to pay online or pay cash. - If you are paying online you can only pay for one year's membership. -

-
IMPORTANT!!
-

- If you are looking to avail of the 5-year membership it is important to note that you can no - longer pay for this on the Ul wolves site. - Please select the pay with cash option and transfer the multi-year fee to the bank account shown below. -

-

- Also please note that you do not need a UL student E-mail address to sign up! -

-

Steps

-
    -
  1. - Go to ULWolves.ie - UL wolves site -
    2. -
  2. - Enter your email address and click Log In/Register -
    3. -
  3. - Select the appropriate option (UL Alumni Member) - -
    4. -
  4. - Fill in your personal information on the next page. -
    5. -
  5. - Verify your email address - -
    6. -
  6. - Log back in - -
    7. -
  7. - Scroll to find Computer under the Societies section - -
    8. -
  8. - Click Request Membership - -
    9. -
  9. - Fill out details and submit request. -
    10. -
  10. - Transfer €40 to our bank account: -
    - BIC: BOFIIE2D -
    - IBAN: IBANIE31BOFI90595047627767 -
    - Please put your name in the reference. -
    - If you are having trouble with this or want to arrange another payment method, get in touch. -
    11. -
  11. - Email the accounts team (compsoc@skynet.ie) with: -
      -
    • The name on the UL Wolves account you created
      • -
    • Skynet username
      • -
    • The reference on the bank transfer.
      • -
    - You may want to ping @committee on our discord. -
    12. -
+
+
+ Sharky, our mascot +

Skynet Alumni Renewal

+
+
+

How to renew your Skynet membership!

+

Dear Alumnus; welcome,

+

+ Thank you for all your continued support throughout the years. + Your contribution and the contribution of many others have made it possible for us to buy more + servers which we use to give you the best service we can. + With our new servers, we hope to improve the quality for our users and have less downtime. +

+ You can now purchase a 5-year subscription for €40. + This subscription is for a multi-year limited alumni membership of the Computer Society (This type + of membership does not entitle you to society subsidies or places on trips). + You must hold a Computer Society membership in order to hold a Skynet account. +

+

+ If there has been no payment made passed the point of expiration on your membership, + your Skynet account will freeze. + You must pay for membership to unfreeze your account. +

+

+ Below are instructions on how to renew your subscription. + Until you make both an account and pay membership, you will not have renewed your subscription. + Once you have completed the steps below, you will have renewed your subscription and will be issued + a receipt. +

+

+ When requesting membership, you have the option to pay online or pay cash. + If you are paying online you can only pay for one year's membership. +

+
IMPORTANT!!
+

+ If you are looking to avail of the 5-year membership it is important to note that you can no + longer pay for this on the Ul wolves site. + Please select the pay with cash option and transfer the multi-year fee to the bank account shown + below. +

+

+ Also please note that you do not need a UL student E-mail address to sign up! +

+

Steps

+
    +
  1. + Go to ULWolves.ie + UL wolves site +
    2. +
  2. + Enter your email address and click Log In/Register +
    3. +
  3. + Select the appropriate option (UL Alumni Member) + Account type Section +
    4. +
  4. + Fill in your personal information on the next page. +
    5. +
  5. + Verify your email address + Verification Email +
    6. +
  6. + Log back in + Sign in +
    7. +
  7. + Scroll to find Computer under the Societies section + Societies section +
    8. +
  8. + Click Request Membership + Request Membership +
    9. +
  9. + Fill out details and submit request. +
    10. +
  10. + Transfer €40 to our bank account: +
    + BIC: BOFIIE2D +
    + IBAN: IBANIE31BOFI90595047627767 +
    + Please put your name in the reference. +
    + If you are having trouble with this or want to arrange another payment method, get in touch. +
    11. +
  11. + Email the accounts team (compsoc@skynet.ie) with: +
      +
    • The name on the UL Wolves account you created
      • +
    • Skynet username
      • +
    • The reference on the bank transfer.
      • +
    + You may want to ping @committee on our discord. +
    12. +
+
+ +
- + \ No newline at end of file diff --git a/src/main.css b/src/main.css index db28c76..e3b1151 100644 --- a/src/main.css +++ b/src/main.css @@ -1,13 +1,11 @@ html { - background: #008B8B; -; - background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%); + background: #008B8B url(./images/backgroundsharkycoin.png); -webkit-font-smoothing: antialiased; } body { - background: #008B8B; -; + text-align: left; + background: #008B8B; box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); color: #F0FFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -15,7 +13,7 @@ body { line-height: 1.5; margin: 0 auto; max-width: 800px; - padding: 2em 2em 4em; + padding: 2em 2em 1em; } h1, h2 { @@ -23,17 +21,79 @@ h1, h2 { font-weight: 600; line-height: 1.3; } -.p1 { - color: #FFFF00 +.p1 { + color: #FFFF00 +} + +/* Title bar */ +header { + display: inline-flex; + align-items: center; + justify-content: center; + height: auto; +} + +header img { + float: left; +} + +.boxes { + display: -moz-flex; + background-color: #008B8B; + margin-left: 20%; + margin-right: 20%; + margin-bottom: 3%; +} + +#table { + display: inline; +} + + +/* +Sticky Footer +https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers +*/ +html, body { + box-sizing: border-box; + min-height: 100%; +} + +.wrapper { + box-sizing: border-box; + min-height: 100%; + display: flex; + flex-direction: column; +} + +.page-header, .page-footer { + flex-grow: 0; + flex-shrink: 0; +} + +.page-body { + flex-grow: 1; + background-color: #008B8B; +} + +/* +Spacing in lists +*/ + +li p { + margin: 0; +} + +/*This page only*/ + +.p1 { + color: #FFFF00 } img { animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; background: transparent; - border: 10px solid rgba(0, 0, 0, 0.12); - border-radius: 4px; display: block; margin: 1.3em auto; max-width: 95%; -} - +} \ No newline at end of file