Skip to content

Commit

Permalink
- updated / added blurbs
Browse files Browse the repository at this point in the history 
- fleshed out contact page
- slight padding tweaks
- improved link accessibility
  • Loading branch information
@Lmears
Lmears committed Jun 21, 2024
1 parent 70ac52f commit 5b9c811
Show file tree
Hide file tree
Showing 8 changed files with 132 additions and 42 deletions.
6 changes: 3 additions & 3 deletions about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,9 +91,9 @@ <h1 class="w-full text-5xl leading-tight px-4">About</h1>
</a>
</div>
<br>
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.
In 2021 Lachie finished a bachelor's degree in Computer Science & Psychology and has
since grown a deep interest in software, UX, and graphic design, working on the
development of a number of quality of life and accessibility apps.
</div>
</article>
</div>
Expand Down
4 changes: 2 additions & 2 deletions assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,11 @@ h1 {
.visual-container-bottom {
border-bottom: 0.5px solid rgba(23, 23, 23, 0.5);
padding-bottom: 1rem;
padding-top: 1rem;
}

.visual-container {
border-top: 0.5px solid rgba(23, 23, 23, 0.5);
padding-top: 1rem;
}

/* Navigation */
Expand Down Expand Up @@ -213,7 +213,7 @@ html {


/* Media queries */
@media (max-width: 576px) {
@media (max-width: 642px) {
#hamburger-menu {
display: block;
}
Expand Down
0 assets/images/studio/danger-zone-cropped.jpg → .../images/mastering/danger-zone-cropped.jpg
View file
File renamed without changes
63 changes: 45 additions & 18 deletions contact/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,31 +37,58 @@
<section id="content" class="flex-1 p-5 flex flex-col">
<h1 class="w-full text-5xl leading-tight px-4">Contact</h1>
<div class="pt-12">
<div class="visual-container">
<div class="flex flex-col justify-start my-4">
<div class="visual-container flex flex-col md:flex-row">
<div class="flex-1 my-4">
<div class="px-4">
<p class="text-base font-light">
<a href="mailto:[email protected]" class="hover-effect">
<i class="fas fa-headphones" style="width: 30px; text-align: center;"></i>
<h2 class="text-xl md:text-2xl leading-tight pb-4">Contact Emails:</h2>
<p class="text-base font-light ml-4">
<i class="fas fa-headphones" style="width: 30px; text-align: center;"></i>
<strong>Mastering:</strong><br>
<a href="mailto:[email protected]" class="link-underline ml-7">
[email protected]
</a>
<br><br>
<a href="mailto:[email protected]" class="hover-effect">
<i class="fas fa-calendar-check" style="width: 30px; text-align: center;"></i>
</a><br><br>
<i class="fas fa-calendar-check" style="width: 30px; text-align: center;"></i>
<strong>Bookings:</strong><br>
<a href="mailto:[email protected]" class="link-underline ml-7">
[email protected]
</a><br><br>
<i class="fas fa-code" style="width: 30px; text-align: center;"></i>
<strong>Software:</strong><br>
<a href="mailto:[email protected]" class="link-underline ml-7">
[email protected]
</a><br><br>
<i class="fas fa-palette" style="width: 30px; text-align: center;"></i>
<strong>Graphic design:</strong><br>
<a href="mailto:[email protected]" class="link-underline ml-7">
[email protected]
</a>
<br><br>
<a href="mailto:[email protected]" class="hover-effect">
<i class="fas fa-code" style="width: 30px; text-align: center;"></i> [email protected]
</a>
<br><br>
<a href="https://www.instagram.com/slyporkstudios" target="_blank" class="hover-effect">
<i class="fab fa-instagram" style="width: 30px; text-align: center;"></i>
@slyporkstudios
</p>
</div>
</div>
<div class="flex-1 my-4">
<div class="px-4">
<h2 class="text-xl md:text-2xl leading-tight pt-2 pb-4 md:pt-0">Social Media:</h2>
<p class="text-base font-light ml-4">
<i class="fab fa-instagram" style="width: 30px; text-align: center;"></i>
<strong>Instagram:</strong><br>
<a href="https://www.instagram.com/slyporkstudio" target="_blank"
class="link-underline ml-7">
@slyporkstudio
</a><br><br>
<i class="fab fa-facebook" style="width: 30px; text-align: center;"></i>
<strong>Facebook:</strong><br>
<a href="https://www.facebook.com/slyporkstudio" target="_blank"
class="link-underline ml-7">
@slyporkstudio
</a><br><br>
<i class="fab fa-twitch" style="width: 30px; text-align: center;"></i>
<strong>Twitch:</strong><br>
<a href="https://www.twitch.tv/slyporkstudio" target="_blank"
class="link-underline ml-7">
@slyporkstudio
</a>
</p>
</div>

</div>
</div>
</div>
Expand Down
43 changes: 40 additions & 3 deletions design/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,13 +36,50 @@
<section id="content" class="flex-1 p-5 flex flex-col">
<h1 class="w-full text-5xl leading-tight px-4">Design</h1>
<div class="pt-12">
<div class="visual-container">
<div class="px-4 my-4">
<article id="blurb">
<div class="visual-container">
<div class="flex flex-col my-4">
<div class="px-4">
<p class="text-base font-light">
I've been using Adobe Photoshop for over 13 years and have recently started offering
graphic design services. My focus is on gig posters, album art, and logos, drawing
from a diverse range of influences.
<br><br>
</p>
<h2>Connect with me:</h2>
<p class="text-base font-light ml-4">
Insta:
<a href="https://www.instagram.com/slyporkstudio" target="_blank"
class="link-underline">
@slyporkstudio
<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>
<br>
Email:
<a href="mailto:[email protected]" target="_blank"
class="link-underline">[email protected]
</a>
</p>
</div>
</div>
</div>
</article>
</div>
<div class="pb-4">
<section class="visual-container-bottom">
<div class="my-4 px-4">
<h2 class="mb-4">Past work: </h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" id="imageGrid">
<!-- Items will be added here by JavaScript -->
</div>
</div>
</div>
</section>
<div class="pb-12"></div>
</div>
</section>
Expand Down
28 changes: 15 additions & 13 deletions mastering/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ <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.jpg"
<img src="../assets/images/mastering/danger-zone-cropped.jpg"
alt="Mastering Studio Image" style="max-width: 100%; height: auto;">
</div>
<p class="text-base font-light">
Expand Down Expand Up @@ -73,9 +73,10 @@ <h2>Connect with me:</h2>
</svg>
</a>
<br>
<a href="https://www.instagram.com/slyporkstudios" target="_blank"
Insta:
<a href="https://www.instagram.com/slyporkstudio" target="_blank"
class="link-underline">
Instagram
@slyporkstudio
<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 @@ -92,19 +93,20 @@ <h2>Connect with me:</h2>
</p>
</div>
</div>
</div>
</article>
</div>
<div class="pb-12"></div>
</article>
<section id="playerGrid" class="visual-container-bottom">
<div class="px-4">
<h2 class="mb-4">Past work: </h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" id="songsGrid">
<!-- Items will be added here by JavaScript -->
<div class="pb-4">
<section id="playerGrid" class="visual-container-bottom">
<div class="my-4 px-4">
<h2 class="mb-4">Past work: </h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" id="songsGrid">
<!-- Items will be added here by JavaScript -->
</div>
</div>
</div>
</section>
<div class="pb-12"></div>
</section>
<div class="pb-12"></div>
</div>
</section>
</main>
<script src="../assets/js/script.js"></script>
Expand Down
3 changes: 1 addition & 2 deletions music/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,10 +80,9 @@ <h1 class="w-full text-5xl leading-tight px-4">Music</h1>
</div>
</div>
</section>
<div class="pb-12"></div>
</div>
<section id="playerGrid" class="visual-container-bottom">
<div class="px-4">
<div class="my-4 px-4">
<h2 class="mb-4">Latest mixes: </h2>
<div class="mb-6 grid grid-cols-1 gap-8">
<div>
Expand Down
27 changes: 26 additions & 1 deletion software/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,32 @@
<section id="content" class="flex-1 p-5 flex flex-col">
<h1 class="w-full text-5xl leading-tight px-4">Software</h1>
<div class="pt-12">
<div class="visual-container">
<article id="blurb">
<div class="visual-container">
<div class="flex flex-col my-4">
<div class="px-4">
<p class="text-base font-light">
I've been crafting software solutions for about a year now. My current portfolio
showcases accessibility tools, but I'm always working on expanding my skills. I work
primarily with web technologies and mobile app development, and I'm eager to tackle
new challenges. If you have a project in mind, let's discuss how we can bring it to
life.
<br><br>
</p>
<h2>Connect with me:</h2>
<p class="text-base font-light ml-4">
Email:
<a href="mailto:[email protected]" target="_blank"
class="link-underline">[email protected]
</a>
</p>
</div>
</div>
</div>
</article>
</div>
<div class="pb-4">
<div class="visual-container-bottom">
<div class="flex flex-col my-4">
<div class="px-4">
<h2>Smart Access:</h2>
Expand Down

0 comments on commit 5b9c811

Please sign in to comment.