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

add link to devlog
Gitea/resume/pipeline/head This commit looks good Details

This commit is contained in:
andrzej 2024-11-15 23:21:18 +01:00
parent f8f098eaa3
commit e69c0639d8
4 changed files with 44 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
build.sh
View File

@ -1,3 +1,14 @@
#!/usr/bin/env bash
COMMIT="$(git rev-parse HEAD)"
sed -i "s/css?=\w*/css?v=${COMMIT}/g" index.html
prev_mtime=$(cat styles.mtime)
curr_mtime=$(stat -c %Y css/styles.css)
##has styles.css been modified?
if [[ $prev_mtime != "$curr_mtime" ]]; then
##update .mtimes
sed -i "1s/.*/$curr_mtime/" styles.mtime
echo "file has been modified!"
##insert the commit id
COMMIT="$(git rev-parse HEAD)"
sed -i "s/css?=\w*/css?v=${COMMIT}/g" index.html
fi

8
css/styles.css
View File

@ -1,3 +1,5 @@
empty {}
@font-face {
font-family: Jura;
src: url("../fonts/Jura-VariableFont_wght.ttf") format(tr);
@ -164,10 +166,14 @@ p {
background-image: radial-gradient(circle at top left, var(--overlay), var(--surface));
border-radius: 6em;
border: solid 1px var(--hl-med);
padding: 3em;
padding: 2em;
box-shadow: 1em 1em var(--shadow-color);
}
#this-website-container {
padding: 5rem;
}
figure {
margin: 0px;
}

38
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="profile" width="320px" alt="A photo of myself, smiling to camera." />
<div id="intro">
<p>
@ -47,9 +47,16 @@
my CV. I thought this page would be the best way to demonstrate
what I'm capable of.
</p>
<p>
When you've checked out my projects, certifications, and work experience, why not head over to my <a
href="https://devlog.ajstepien.xyz">devlog</a>, where I go into more detail about my process?
</p>
<p>
Then, if you happen to be head-hunting, drop me a line at ajsWritesCode@gmail.com.
</p>
</div>
</div>
<div class="container">
<div class="container" id="this-website-container">
<h1 id="this-website">This website...</h1>
<ul>
<li>
@ -169,11 +176,12 @@
<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"
alt="A screenshot of subman on mobile."></a>
<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" alt="A screenshot of subman on mobile."></a>
</div>
<p>
A self-hosted literary submission management system comprising a
@ -192,10 +200,10 @@
<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-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>
</div>
<p>
An app for when you don't know what movie to watch, written in
@ -210,8 +218,8 @@
<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."
class="desktop-screen" /></a>
<a href="images/gopaper.webp"><img src="images/gopaper.webp" width="320px"
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">
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">source</a>
@ -233,8 +241,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.webp" width="120px"
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">

1
styles.mtime Normal file
View File

@ -0,0 +1 @@
1731705364