-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
152 lines (131 loc) · 8.97 KB
/
portfolio.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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Linus Sewell</title>
<script src="https://kit.fontawesome.com/bcdc30d79a.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<meta property="og:title" content="Portfolio | Linus Sewell" />
<meta property="og:description" content="A collection of my work, all in one place." />
<meta property="og:image" content="img/profile.jpg" />
</head>
<body>
<!-- HEADER START -->
<header id="header">
<div class="header_container">
<div class="header_info">
<a style="font-weight:bold" href="./" class="desktop">Linus Sewell</a>
<a style="font-weight:bold" href="./" class="mobile">LS</a>
</div>
<ul class="header_socials">
<li aria-label="portfolio" class="about"><a href="./portfolio.html">Portfolio</a></li>
<li aria-label="about" class="about"><a href="./about.html">About</a></li>
<li aria-label="github"><a href="https://github.com/linussewell"><i class="fa-brands fa-github"></i></a></li>
<li aria-label="linkedin" class="mobile-hidden"><a href="https://www.linkedin.com/in/linussewell"><i class="fa-brands fa-linkedin"></i></a></li>
<li aria-label="instagram" class="mobile-hidden"><a href="https://instagram.com/linussewell"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</header>
<!-- MAIN CONTENT START -->
<div class="portfolio-header">
<h1 class="serif">Portfolio</h1>
<div class="portfolio-paragraph">
<p class="serif">From fully fledged applications to projects I worked on when I was younger, this is a collection of all of my work.</p>
</div>
</div>
<div class="right-container">
<div class="right-container-image"><img src="img/comingsoon.png"/></div>
<div class="right-container-text">
<h2 class="serif">Coming Soon</h2>
<p class="serif">The best all-in-one study planner ever made, which brings note-taking and flash-card making to the next level, while letting users set goals and lock distracting apps. This app is purpose-built and jam-packed with features which will help students get the most out of study sessions.</p>
<p class="serif">Coming first to iPhone & iPad, Summer of 2025.</p>
</div>
</div>
<div class="left-container">
<div class="left-container-image"><a href="https://github.com/linussewell/Advent-of-Code-2024"><img src="img/adventofcode.jpg"/> </a></div>
<div class="left-container-text">
<h2 class="serif">Advent of Code</h2>
<p class="serif">This year, I set out to challenge myself in languages new and old, starting off the year with the Swift Student Challenge, and ending with Advent of Code.</p>
<p class="serif">Advent of Code gives programmers puzzles to complete on every day of Advent, set by Eric Wastl. You can check up on my progress in my public GitHub repository, where this year I decided to refine my Python skills.</p>
</div>
</div>
<div class="right-container">
<div class="right-container-image"><a href="https://www.linkedin.com/posts/linussewell_swiftstudentchallenge-activity-7179208405721481216-eNXE?utm_source=share&utm_medium=member_desktop"><img src="img/swift.jpg" /> </a></div>
<div class="right-container-text">
<h2 class="serif">Swift Student Challenge</h2>
<p class="serif">For 2024, I wanted to get my Swift & SwiftUI up to the next level. And so, I came up with Arithmetic, an app that gamifies learning and makes maths more engaging for young people and children.</p>
<p class="serif">This app included daily challanges, various difficulties, and had accessibility features from iOS VoiceOver baked in, preventing visually imparied children from being left behind.</p>
<p class="serif">Even better, I am proud to say I was selected as a winner!</p>
</div>
</div>
<div class="left-container">
<div class="left-container-image"><a href="https://twistflooringltd.co.uk/"><img src="img/twist.jpeg"/> </a></div>
<div class="left-container-text">
<h2 class="serif">Twist Flooring Limited</h2>
<p class="serif">I was tasked with creating a whole new website for Twist Flooring, a small business in the south of England. Their old site was lagging behind, made from a template and lacking updates. I pushed their new site forward, into the current decade with an all-new modern makeover.</p>
<p class="serif">Creating the site, I worked with the owner of Twist Flooring to bring a fresh new feel inspired by their new logo. The site is interactive, and provides more information than the previous one in a well organised manner.</p>
</div>
</div>
<div class="right-container">
<div class="right-container-image"><a href="https://www.cooperaccountancybath.co.uk"><img src="img/cooper.jpeg" ></a></div>
<div class="right-container-text">
<h2 class="serif">Cooper Accountancy Bath</h2>
<p class="serif">Cooper Accountancy Bath is a small business based in Bath, United Kingdom - at the time, it was a brand new emerging business, and today it stands proud as a provider for many other businesses in and around Bath.</p>
<p class="serif">Working with the owner, I used what I knew to pack in information in a minimalistic and refreshing manner in a way which encompassed the style of their logo and professional nature of the brand.</p>
</div>
</div>
<div class="left-container">
<div class="left-container-image"><a href="https://modrinth.com/mod/coffeeplus"/><img src="img/coffeetitle.png" ></a></div>
<div class="left-container-text">
<h2 class="serif">Coffee+</h2>
<p class="serif">A Minecraft mod which adds coffee to Minecraft, the right way. Created when I was starting out at 14, it hasn't seen many updates in recent years.</p>
<p class="serif">Soon, I plan to remake the mod based on the Fabric modloader.</p>
</div>
</div>
<!-- LOADER START -->
<div class="loader-wrapper">
<div class="newtons-cradle">
<div class="newtons-cradle__dot"></div>
<div class="newtons-cradle__dot"></div>
<div class="newtons-cradle__dot"></div>
<div class="newtons-cradle__dot"></div>
</div>
</div>
<script>
$(window).on("load",function() {
$(".loader-wrapper").fadeOut("slow");
});
</script>
<!-- FOOTER START -->
<footer id="footer">
<h1>Linus Sewell</h1>
<ul class="socials">
<li aria-label="github"><a href="https://github.com/linussewell"><i class="fa-brands fa-github"></i></a></li>
<li aria-label="linkedin"><a href="https://www.linkedin.com/in/linussewell"><i class="fa-brands fa-linkedin"></i></a></li>
<li aria-label="instagram"><a href="https://instagram.com/linussewell"><i class="fa-brands fa-instagram"></i></a></li>
<div class="tooltip">
<li aria-label="mail"><a onclick="copyMail()"><i class="fa-regular fa-envelope"></i></a><span class="tooltiptext" id="myTooltip">Copy to clipboard</span></li>
</div>
</ul>
<p>© Linus Sewell 2025</p>
<script>
function copyMail() {
navigator.clipboard.writeText("[email protected]")
document.getElementById('myTooltip').innerHTML="Copied!"
}
</script>
</footer>
<!--
Newton's Cradle Loader copyright notice:
Copyright - 2024 G4b413l (Gabriel)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-->
</body>
</html>