Resume
/
resume
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Resume:f8f098eaa394b5456b7db7c919372c44254cd62c
Branches Tags
Resume:main
..
compare: Resume:92c2be6c5b33f6294365ded2428f86dc2777f833
Branches Tags
Resume:main

No commits in common. "f8f098eaa394b5456b7db7c919372c44254cd62c" and "92c2be6c5b33f6294365ded2428f86dc2777f833" have entirely different histories.
f8f098eaa3 ... 92c2be6c5b

3 changed files with 15 additions and 18 deletions
Show Stats Expand all files Collapse all files

4
css/styles.css
View File

@ -278,10 +278,6 @@ img {
margin-bottom: 2rem;
}
img.profile {
border-radius: 100%;
}
.desktop-screen {
max-width: 100%;
}

BIN
images/calculator.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 15 KiB

29
index.html
View File

@ -36,7 +36,7 @@
<section>
<div class="container">
<h3>Allow me to introduce myself...</h3>
<img src="images/cv.webp" class="profile" width="320px" alt="A photo of myself, smiling to camera." />
<img src="images/cv.webp" class="image" alt="A photo of myself, smiling to camera." />
<div id="intro">
<p>
@ -169,10 +169,11 @@
<h3>Subman</h3>
</a>
<div class="gallery">
<a href="images/subman.webp"><img src="images/subman.webp" width="320px" width="240px" alt="A screenshot of subman in action." class="desktop-screen" /></a>
<a href="images/subman-mobile.webp"><img src="images/subman-mobile.webp" width="120px"
alt="A screenshot of subman on mobile." class="mobile-screen"></a>
<a href="images/subman-mobile-2.webp"><img src="images/subman-mobile-2.webp" width="120px" class="mobile-screen"
<a href="images/subman.webp"><img src="images/subman.png" alt="A screenshot of subman in action."
class="desktop-screen" /></a>
<a href="images/subman-mobile.webp"><img src="images/subman-mobile.png"
alt="A screenshot of subman on mobile." class="mobile-screen"></a>
<a href="images/subman-mobile-2.webp"><img src="images/subman-mobile-2.png" class="mobile-screen"
alt="A screenshot of subman on mobile."></a>
</div>
<p>
@ -190,12 +191,12 @@
<h3>Movie-Explorer</h3>
</a>
<div class="gallery">
<a href="images/movie-explorer.webp"><img src="images/movie-explorer.webp"
alt="A screenshot of Movie-Explorer in action." class="desktop-screen" width="300px"></a>
<a href="images/movie-explorer-mobile.webp"><img src="images/movie-explorer-mobile.webp"
width="120px" alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
<a href="images/movie-explorer-mobile-2.webp"><img src="images/movie-explorer-mobile-2.webp"
width="120px" alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
<a href="images/movie-explorer.webp"><img src="images/movie-explorer.png"
alt="A screenshot of Movie-Explorer in action." class="desktop-screen"></a>
<a href="images/movie-explorer-mobile.webp"><img src="images/movie-explorer-mobile.png"
alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
<a href="images/movie-explorer-mobile-2.webp"><img src="images/movie-explorer-mobile-2.png"
alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
</div>
<p>
An app for when you don't know what movie to watch, written in
@ -210,7 +211,7 @@
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">
<h3>GoPaper</h3>
</a>
<a href="images/gopaper.webp"><img src="images/gopaper.webp" width="320px" alt="A screenshot of GoPaper in action."
<a href="images/gopaper.webp"><img src="images/gopaper.png" alt="A screenshot of GoPaper in action."
class="desktop-screen" /></a>
<p>A cross-platform wallpaper demon, built to ensure color harmony, written in Go.</p>
<div class="links-container">
@ -233,8 +234,8 @@
<a href="https://demos.ajstepien.xyz/calculator">
<h3>Calculator</h3>
</a>
<a href="images/calculator.webp"><img src="images/calculator.webp"
width="120px" alt="A screenshot of the calculator app in action." class="mobile-screen"></a>
<a href="images/calculator.webp"><img src="images/calculator.png" png
alt="A screenshot of the calculator app in action." class="mobile-screen"></a>
<p>A simple calculator app written in React and vanilla CSS. Scales responsively to look great on any
screen.</p>
<div class="links-container">