-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (107 loc) · 6.98 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<title>GG Codes</title>
<link rel="icon" type="image/png" href="images/icon.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, intial-scale=1" >
<!-- Stylesheet -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:wght@500&display=swap">
<style>
html{
font-family: Breakfast And Chill DEMO;
font-family: Night Pumpkind;
font-family: Brush Signature;
}
</style>
</head>
<body>
<!-- <div class="banner">
<img id="Banner" src="images/WomenInTech.png" alt="Women in Tech banner">
</div> -->
<div class="container">
<div class="card-magnolia" id="introduction">
<h1> Hi, I'm Georgina </h1>
<img id="GS" src="images/GeorginaProfilePic.jpg" alt="Georgina Spieth">
<p>
First, solve the problem. Then write the code.
</p>
<a id="button-purple" href="https://www.linkedin.com/in/georginaspieth/" target="_blank">Connect with Me</a>
</div>
<div class="card-lilac" id="about">
<h2>
About me <span>👩🏻💻</span>
</h2>
<p>
Junior Software Developer with a passion for creating impactful applications and several years of experience working closely with tech teams. I will forget about time when fixing a bug.
<br> <br>
I have a master's degree in Digital Entrepreneurship and (re-) discovered my passion for tech and coding whilst working on multiple website & database projects.
<br> <br>
As a former Campaign Director at an animal rights NGO I was resposible to drive meaningful change and achieved +50K signups within 2 months & media coverage by Zeit Online for one of my campaigns.
With my background in business development, project management and strategic partnerships, I bring a unique perspective to software development:
Understanding both technical execution & stakeholder needs.
<br> <br> Managing those tech projects motivated me to complete an 11-week Fullstack Web Development Bootcamp at Le Wagon where I learnt how to build user-friendly apps and collaborate with other developers on Github.
My pitch for PetPatron was selected as a final project for which I was also chosen team lead by my peers and group members.
As team lead for PetPatron I contributed 80% of the backend using Ruby on Rails and implemented frontend features with JavaScript.
Since then, I dedicated my time to advance my programming skills further by learning Java.
<br> <br> My true passion is playing around with refactoring code to compare different approaches of applying logic which I would love to do full-time as your new Junior Java Developer 👩🏻💻🚀✨
</p>
<img id="Flower" src="https://bit.ly/3SDdqRE" alt="Coding-Flower-Gif">
</div>
<div class="card-lilac" id="PetPatron">
<h3>
Web App PetPatron
</h3>
<p>
My idea for PetPatron - a web app to locally connect animal lovers with shelters - was selected as a final project at the LeWagon Bootcamp. Chosen as Team Lead by my peers and group members I managed Trello workflows (Kanban method), lead daily stand-ups and reviewed pull requests on GitHub.
I programmed 80% of the backend in Ruby on Rails, including dashboard logic for different types of users & multi-search including tags & Mapbox. On the frontend I contributed JavaScript features using Stimulus framework for search elements and different views depending whether the user is logged in or not.
</p>
<br> <br>
<a href="https://www.petpatron.help/" target="_blank"> <img class="project-img" src="images/PetPatron.jpg" alt="PetPatron Landing Page"> </a>
</div>
<div class="card-magnolia" id="skills">
<h3>Languages and Tools</h3>
<ul>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/java/java-original-wordmark.svg" /> </li>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/ruby/ruby-original.svg" alt="ruby" /> </li>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/rails/rails-original-wordmark.svg" alt="rails" /> </li>
<li> <img class="icons" src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" /> </li>
<li> <img class="icons" src="https://www.vectorlogo.zone/logos/heroku/heroku-icon.svg" alt="heroku" /> </li>
<li> <img class="icons" src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg" alt="figma" /> </li>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" /> </li>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="CSS3" > </li>
<li> <img class="icons" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" /> </li>
<li> <img src="https://github-readme-streak-stats.herokuapp.com/?user=ggc0des&" alt="ggc0des" /> </li>
</ul>
</div>
<div class="card-lilac" id="second brain project">
<h3> Second Brain with Obsidian </h3>
<p> To advance my programming knowledge learnt in the bootcamp I wanted to focus on the fundamentals of software engigneering.
Whilst doing CodeCademy courses and learning Java I started to build a Second Brain - a method by Tiago Forte to create a personal Wiki.
I set up Obsidian to create this Second Brain and studied programming fundamentals as outlined by Roadmap.sh.
To make this theory approach more hands-on, I compared statically typed (Java) vs. dynamically typed (Ruby) languages by refactoring simple coding exercises.
My goal was to deepen my knowledge of of OOP as well as (backend) programming concepts.
<br> <br>
<a href="https://roadmap.sh/backend" target="_blank"> <img id="SecondBrain" class="project-img" src="images/SecondBrain.png" alt="Screenshot Georgina'Second Brain in Obsidian"> </a>
</p>
</div>
<div class="card-lilac" id="hobbies">
<h3>
Hobbies 🧗🏻♀️🎮📖🎨🧘🏻♀️🐶
</h3>
<p>
Bit of a nerd who loves BOTW, Witcher, P&P, animes & reading 🧚🏻♀️
Love infodumping about random special interests with my friends whilst doing crafty things 🎨
To give my poor back a break from sitting all day I do some yoga, take a walk or if I feel energetic, meetup for bouldering.
</p>
</div>
<div class="card-transparent" id="connect">
<ul class="social-icons">
<li> <a href="https://github.com/GGC0des" target="_blank"> <img class="social-icons" src="https://cdn.worldvectorlogo.com/logos/github-icon-2.svg"> </a> </li>
<li> <a href="https://www.linkedin.com/in/georginaspieth/" target="_blank"> <img class="social-icons" src="https://blog.waalaxy.com/wp-content/uploads/2021/01/LinkedIn-Symbole.png"> </a> </li>
</ul>
</div>
</div>
</body>
</html>