diff --git a/student-resumes/alex-sarsons-resume/README.md b/student-resumes/alex-sarsons-resume/README.md new file mode 100644 index 0000000..998fd12 --- /dev/null +++ b/student-resumes/alex-sarsons-resume/README.md @@ -0,0 +1,2 @@ +# Resume +Exercise for tbhd 💔 \ No newline at end of file diff --git a/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.ttf b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.ttf new file mode 100644 index 0000000..54d11e8 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.ttf differ diff --git a/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff new file mode 100644 index 0000000..93ea1e6 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff differ diff --git a/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff2 b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff2 new file mode 100644 index 0000000..dd43b16 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/css/fonts/product-sans/ProductSans-Regular.woff2 differ diff --git a/student-resumes/alex-sarsons-resume/css/styles.css b/student-resumes/alex-sarsons-resume/css/styles.css new file mode 100644 index 0000000..28b865d --- /dev/null +++ b/student-resumes/alex-sarsons-resume/css/styles.css @@ -0,0 +1,239 @@ +@font-face { + font-family: 'alex-google'; + src: url('fonts/product-sans/ProductSans-Regular.woff2') format('woff2'), + url('fonts/product-sans/ProductSans-Regular.woff') format('woff'), + url('fonts/product-sans/ProductSans-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +:root { + --display-xl-font-size: 88px; + --display-l-font-size: 57px; + --display-m-font-size: 45px; + --display-s-font-size: 36px; + --display-xs-font-size: 24px; + + --background: #edf5ec; + + + --border-background-lines: 2px solid #48a93b20; + --border-background-lines-2: 2px solid #48a93b12; + + --text-colour: #015401; + --icons-colour-hover: #37b537; +} + +body { + padding: 0; + margin: 0; + font-family: 'alex-google' !important; + background-color: var(--background) !important; +} + +* { + color: var(--text-colour) !important; +} + +body, +main { + min-height: 100vh; +} + +main { + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +h1 { + font-size: var(--display-m-font-size) !important; + line-height: 1.1; +} + +@media screen and (min-width: 600px) { + h1 { + font-size: var(--display-xl-font-size) !important; + } +} + +h2 { + font-size: var(--display-s-font-size) !important; +} + +@media screen and (min-width: 600px) { + h2 { + font-size: var(--display-m-font-size) !important; + } +} + +h3 { + font-size: var(--display-xs-font-size) !important; +} + +.vertical-lines { + border-left: var(--border-background-lines); + border-right: var(--border-background-lines); +} + +.horizontal-lines { + border-bottom: var(--border-background-lines); +} + +footer { + margin-top: 24px; +} + +footer.horizontal-lines { + border-top: var(--border-background-lines); + border-bottom: none; +} + +footer .me:hover { + cursor: pointer; +} + +footer p { + margin: 0; +} + +footer .icons { + gap: 12px; +} + +footer .container { + padding-top: 24px; + padding-bottom: 12px; +} + +header .container, +footer .container { + justify-content: space-between; + align-items: center; +} + +header img { + max-height: 50px; + border-radius: 50%; +} + +@media screen and (min-width: 600px) { + header img { + max-height: 95px; + } +} + +article .container { + padding: 12px 0 36px; +} + +.heading { + border-bottom: var(--border-background-lines); + padding: 0 12px 6px; + margin-bottom: 36px; +} + +.accordions { + display: grid; + grid-template-columns: 1fr; + grid-gap: 12px 0; +} + +@media screen and (min-width: 900px) { + .accordions { + grid-template-columns: 1fr 1fr; + } +} + +.accordion-top { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px; + border: none; + border-bottom: var(--border-background-lines); + border-top: var(--border-background-lines); + background-color: transparent; + transition: box-shadow 0.2s ease; +} + +.accordion-top:hover { + box-shadow: 0px 1px 4px 0px #0080004f; +} + +.accordion-top h3 { + margin: 0; +} + +.accordion-top svg { + height: 1.5rem; +} + +.accordion-top.open svg { + transform: rotate(180deg); +} + +.accordion .drawer p { + margin: 12px 12px 24px; +} + +.accordion .drawer.closed { + max-height: 0px; + overflow: hidden; + border-bottom: none; +} + +.ghost { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; +} + +.center-line { + border-right: var(--border-background-lines-2); +} + +.skill-icons { + gap: 2rem; + justify-content: center; + flex-wrap: wrap; + transform: translateX(0.7%); + padding: 0 12px; +} + +@media screen and (min-width: 768px) { + .skill-icons { + padding: 0; + } +} + +.icons svg { + height: 2rem; +} + +.icons svg:hover { + cursor: pointer; +} + +.icons svg path { + transition: color 0.2s ease; +} + +.icons svg:hover path { + color: var(--icons-colour-hover) !important; +} + +.icons a { + text-decoration: none; + color: var(--text-colour); +} + +.hobbies { + padding: 0 12px; +} \ No newline at end of file diff --git a/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-192x192.png b/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-192x192.png new file mode 100644 index 0000000..b0ed3ae Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-192x192.png differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-512x512.png b/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-512x512.png new file mode 100644 index 0000000..0382361 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/android-chrome-512x512.png differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/apple-touch-icon.png b/student-resumes/alex-sarsons-resume/images/favicon/apple-touch-icon.png new file mode 100644 index 0000000..a5a4211 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/apple-touch-icon.png differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/favicon-16x16.png b/student-resumes/alex-sarsons-resume/images/favicon/favicon-16x16.png new file mode 100644 index 0000000..ee4c49a Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/favicon-16x16.png differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/favicon-32x32.png b/student-resumes/alex-sarsons-resume/images/favicon/favicon-32x32.png new file mode 100644 index 0000000..6af9faf Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/favicon-32x32.png differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/favicon.ico b/student-resumes/alex-sarsons-resume/images/favicon/favicon.ico new file mode 100644 index 0000000..d637519 Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/favicon/favicon.ico differ diff --git a/student-resumes/alex-sarsons-resume/images/favicon/site.webmanifest b/student-resumes/alex-sarsons-resume/images/favicon/site.webmanifest new file mode 100644 index 0000000..45dc8a2 --- /dev/null +++ b/student-resumes/alex-sarsons-resume/images/favicon/site.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/student-resumes/alex-sarsons-resume/images/me.png b/student-resumes/alex-sarsons-resume/images/me.png new file mode 100644 index 0000000..01c3b2e Binary files /dev/null and b/student-resumes/alex-sarsons-resume/images/me.png differ diff --git a/student-resumes/alex-sarsons-resume/index.html b/student-resumes/alex-sarsons-resume/index.html new file mode 100644 index 0000000..4d3afdc --- /dev/null +++ b/student-resumes/alex-sarsons-resume/index.html @@ -0,0 +1,161 @@ + + + + + + + Alex Sarson + + + + + + + + + + + + +
+
+
+
+

Alex's Resume

+ Me +
+
+ +
+
+

Skills

+
+ + + + + + + + + + + + + +
+
+ +
+

Experience

+
+
+ +
+

L.E.A.D. IT Services: August 2019 – January 2022

+

Full time employment working as a Site Technician. Responsibilities included handling customer + queries (in person, by email or by phone), resolving technical issues either on site or remotely, and + giving guidance and support to users struggling to use software. During this time I was also managing + the schools websites and learning to code.

+
+
+ +
+ +
+

L.E.A.D. IT Services: January 2022 – June 2022

+

This role involved managing and developing websites for schools within the L.E.A.D. Academy Trust, + external schools, and Cubowork.com. Responsibilities included executing website designs, collaborating + with clients to meet launch deadlines, and enhancing admin panel efficiency through custom plugins on + WordPress. Operating on a Windows server with Plesk, tasks extended to SSL certificate management, DNS + record editing, and ensuring plugin and CMS versions remained updated. Notably, I crafted plugins + employing custom post types to streamline administrative tasks and present content seamlessly on the + frontend using PHP, HTML, CSS, and JavaScript. One such plugin organized vacancies chronologically, + automatically transitioning posts to draft status upon reaching an end date, effectively managing + content visibility.

+
+
+ +
+ +
+

Magdalen Medical Publishing: June 2022 – August 2023

+

During my time as a Junior Web Developer, I was responsible for implementing new features within + front-end and CMS systems, following a bi-weekly release schedule. Additionally, I handled bug fixes + and issue resolutions across six journals and seven iw websites. Notably, a significant achievement + during this period was learning GatsbyJS and ReactJS as part of the iw website redevelopment project, + which greatly enhanced my professional capabilities.

+
+
+ +
+ +
+

Magdalen Medical Publishing: August 2023 – Present

+

My responsibilities at MMP haven't fundamentally shifted since my promotion, but I've taken on + leadership roles in several projects aimed at enhancing our platform's architecture. Notably, I + spearheaded the initiative to streamline our infrastructure by deploying the six journals as separate + Docker containers from a unified repository onto AWS. This initiative significantly enhanced the + workflow for our development team, allowing us to host the sites locally in Docker containers from a + centralized repository. Through this project, I've honed my expertise with AWS and Docker, and I'm + eager to apply these skills to similar projects, such as optimizing the Gatsby sites I developed + earlier.

+
+
+
+
+ +
+

Hobbies & Interests

+

My hobbies and interests are computer gaming, going to the gym, board/tabletop games, + reading, music and + anime. I'm currently 530 episodes into One Piece and I'm loving it! My favourite character is Usopp because + he's hilarious!

+
+
+
+ + + +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/student-resumes/alex-sarsons-resume/js/main.js b/student-resumes/alex-sarsons-resume/js/main.js new file mode 100644 index 0000000..5ea2ef3 --- /dev/null +++ b/student-resumes/alex-sarsons-resume/js/main.js @@ -0,0 +1,13 @@ +function accordionHandler(button) { + var drawer = button.nextElementSibling; + + switch (drawer.classList.contains('closed')) { + case true: + button.classList.add('open'); + drawer.classList.remove('closed'); + break; + default: + button.classList.remove('open'); + drawer.classList.add('closed'); + } +} \ No newline at end of file