Skip to content

Commit

Permalink
- optimised image loading
Browse files Browse the repository at this point in the history 
- cleaned up about section paragraphing
- reorganised connect with me links in mastering page
- added meta description
  • Loading branch information
@Lmears
Lmears committed Jun 19, 2024
1 parent 905b4a5 commit 192df1d
Show file tree
Hide file tree
Showing 14 changed files with 54 additions and 60 deletions.
70 changes: 36 additions & 34 deletions about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,50 +61,52 @@ <h1 class="w-full text-5xl leading-tight px-4">About</h1>
<div class="flex flex-col sm:flex-row justify-center my-4">
<div class="sm:w-2/3 px-4">
<article id="blurb">
<p class="text-base font-light">
Slypork was set up in 2023 by Lachlan Mears with the help of some friends and
a
lifelong
desire for a dedicated creative space.
<br>
<div class="text-base font-light">
Nestled amongst the beautiful Port Hills of Whakaraupō, the studio overlooks the
magnificent
Banks
Peninsula.
<br>
<br>
magnificent Banks Peninsula.
<br><br>
Slypork was set up in 2023 by Lachlan Mears with the help of some friends and a
lifelong desire for a dedicated creative space.
<br><br>
A born and bred lover of music, Lachie has spent the past 10 years learning how to
work
with
digital audio.
<br>
So far, this has culminated in three diverse musical projects, the
co-founding of a
<a href="https://teethandtail.bandcamp.com/" target="_blank"
class="subtle-underline">record label</a>, and four years of experience
mastering a
wide range of music from the
Aotearoa underground.
work with digital audio and has several years of experience mastering a wide range
of music from the Aotearoa underground.
<br><br>
So far, this has culminated in three diverse musical projects, and the co-founding
of a record label.
<br><br>
<div class="ml-4">
• <a href="../music/" class="link-underline">Music Projects</a>
<br>
• <a href="https://teethandtail.bandcamp.com/" target="_blank"
class="link-underline">
Record Label (Bandcamp)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20"
height="20"
style="text-align: center; display: inline-block; vertical-align: middle;">
<path
d="M26.92 5.62a1 1 0 0 0-.54-.54A1 1 0 0 0 26 5H6a1 1 0 0 0 0 2h17.59L5.29 25.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L25 8.41V26a1 1 0 0 0 2 0V6a1 1 0 0 0-.08-.38Z"
fill="currentColor" />
</svg>
</a>
</div>
<br>
<br>
In 2021 Lachie finished their degree in Computer Science & Psychology and has since
grown a
deep
interest in software and UX, working on the
development of a number of
In 2021 Lachie finished a degree in Computer Science & Psychology and has since
grown a deep interest in software and UX, working on the development of a number of
quality of life and accessibility apps.
</p>
</div>
</article>
</div>
<div class="sm:w-1/3 px-4">
<section>
<img src="../assets/images/about.png"
<img src="../assets/images/about.jpg"
class="w-full sm:h-auto mx-auto modal-trigger cursor-pointer"
alt="Portrait of Lachie, founder of Slypork Studio, donned in lilac and enjoying a hi-tech morning at Twisted Frequency festival." />
<p class="text-center text-gray-500 text-xs mt-2"><em>Portrait of Lachie, founder of
Slypork
Studio, donned in lilac and enjoying a hi-tech morning at Twisted Frequency
festival.</em>
<p class="text-center text-gray-500 text-xs mt-2">
<em>
Portrait of Lachie, founder of Slypork Studio, donned in lilac and enjoying a
morning of hi-tech music at Twisted Frequency festival.
</em>
</p>
<!-- Lightbox Modal -->
<div id="myModal" class="modal">
Expand Down
Binary file added assets/images/about.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/about.png
View file
Binary file not shown.
Binary file added assets/images/posters/experiment.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/posters/experiment.png
View file
Binary file not shown.
Binary file added assets/images/posters/psy.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/posters/psy.png
View file
Binary file not shown.
Binary file added assets/images/posters/womp.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/posters/womp.png
View file
Binary file not shown.
Binary file added assets/images/studio/danger-zone-cropped.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/studio/danger-zone-cropped.png
View file
Binary file not shown.
6 changes: 3 additions & 3 deletions assets/js/design.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
// Config
var imagePaths = [
'../assets/images/posters/experiment.png',
'../assets/images/posters/psy.png',
'../assets/images/posters/womp.png',
'../assets/images/posters/experiment.jpg',
'../assets/images/posters/psy.jpg',
'../assets/images/posters/womp.jpg',
];

// Create an element with class name
Expand Down
2 changes: 2 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description"
content="Slypork: Explore a portfolio of audio mastering, music projects, and software development. Connect and delve into creative and technical work.">
<title>Slypork</title>
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">
Expand Down
36 changes: 13 additions & 23 deletions mastering/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,31 +43,27 @@ <h1 class="w-full text-5xl leading-tight px-4">Mastering</h1>
<div class="flex flex-col my-4">
<div class="px-4">
<div class="image-container mb-8">
<img src="../assets/images/studio/danger-zone-cropped.png"
<img src="../assets/images/studio/danger-zone-cropped.jpg"
alt="Mastering Studio Image" style="max-width: 100%; height: auto;">
</div>
<p class="text-base font-light">
I have been mastering audio for upwards of four years now, working with a wide range
of
styles from
underground electronica through to pop and acoustic. I'm particularly drawn to
outdoor sound system
culture,
but have spent my fair share of time in the clubs as well.
<br>
<br>
While I like to focus on stereo mastering, I am happy to work with stems for
of styles from underground electronica through to pop and acoustic. I'm particularly
drawn to outdoor sound system culture, but have spent my fair share of time in the
clubs as well.
<br><br>
I like to focus on stereo mastering, but am happy to work with stems for
those seeking a more collaborative approach.
<br>
<br><br>
I use a fully digital, in-the-box setup, which allows for low costs and fast
turnarounds. As a result, my mastering chain is constantly evolving. If you'd like
to know more about the tools I use, feel free to ask!
<br>
<br>
<br><br>
</p>
<h2>Connect with me:</h2>
<p class="text-base font-light ml-4">
<a href="mailto:[email protected]" target="_blank" class="link-underline">Email
<a href="https://forms.gle/eX6ChXJJtzQWtVws7" target="_blank"
class="link-underline">Google form
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20"
height="20"
style="text-align: center; display: inline-block; vertical-align: middle;">
Expand All @@ -89,15 +85,9 @@ <h2>Connect with me:</h2>
</svg>
</a>
<br>
<a href="https://forms.gle/eX6ChXJJtzQWtVws7" target="_blank"
class="link-underline">Google form
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20"
height="20"
style="text-align: center; display: inline-block; vertical-align: middle;">
<path
d="M26.92 5.62a1 1 0 0 0-.54-.54A1 1 0 0 0 26 5H6a1 1 0 0 0 0 2h17.59L5.29 25.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L25 8.41V26a1 1 0 0 0 2 0V6a1 1 0 0 0-.08-.38Z"
fill="currentColor" />
</svg>
Email:
<a href="mailto:[email protected]" target="_blank"
class="link-underline">[email protected]
</a>
</p>
</div>
Expand Down

0 comments on commit 192df1d

Please sign in to comment.