Skip to content

refactor: improve legacy patterns #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mnau23 merged 12 commits into from
Aug 24, 2026
Merged

refactor: improve legacy patterns #42

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
09a862c
use textarea in contact page
mnau23 Aug 23, 2026
7ba070c
rename attribute to data-percentage
mnau23 Aug 23, 2026
bfd2419
guard menu initialization if DOM nodes are missing
mnau23 Aug 23, 2026
f1d54ce
guard modal overlay access in pages without overlay
mnau23 Aug 23, 2026
7f9b77e
harden typewriter against missing or invalid data
mnau23 Aug 23, 2026
cd870d0
replace footer document.write year rendering
mnau23 Aug 23, 2026
9f81dc5
add noopener/noreferrer to external blank links
mnau23 Aug 23, 2026
8a9e1c6
remove unused gh-pages dependency
mnau23 Aug 23, 2026
1efa58b
use IIFE, strict mode and local vars for countdown
mnau23 Aug 23, 2026
1e4d9c7
Revert "rename attribute to data-percentage"
mnau23 Aug 23, 2026
282c583
fix contact form height
mnau23 Aug 23, 2026
2452665
[action] update sitemap
github-actions[bot] Aug 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 11 additions & 7 deletions dist/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,31 +88,35 @@ <h3 class="text-secondary">Bio</h3>

<footer id="main-footer">
<div class="icons">
<a href="https://www.instagram.com/emanuele.perico" target="_blank">
<a href="https://www.instagram.com/emanuele.perico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank">
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/mnau23" target="_blank">
<a href="https://github.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
</a>
<a href="https://www.hackerrank.com/mnau23" target="_blank">
<a href="https://www.hackerrank.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-hackerrank"></i>
</a>
<a href="https://t.me/mnau23" target="_blank">
<a href="https://t.me/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-telegram"></i>
</a>
<a href="https://formsubmit.co/el/voteva" target="_blank">
<a href="https://formsubmit.co/el/voteva" target="_blank" rel="noopener noreferrer">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="copyright">
This website is cookie-free! <i class="fa fa-cookie-bite"></i><br>
Made with <i class="fa fa-heart"></i> and <i class="fa fa-code"></i> by me &copy;
2021
<span id="year-range"></span>
<script>
new Date().getFullYear() > 2021 && document.write(" - " + new Date().getFullYear())
const currentYear = new Date().getFullYear();
if (currentYear > 2021) {
document.getElementById('year-range').textContent = ` - ${currentYear}`;
}
</script>
</div>
</footer>
Expand Down
24 changes: 14 additions & 10 deletions dist/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ <h3>Address</h3>
</div>
<div class="infobox">
<div class="icon">
<a href="https://formsubmit.co/el/voteva" target="_blank">
<a href="https://formsubmit.co/el/voteva" target="_blank" rel="noopener noreferrer">
<i class="fa fa-envelope"></i>
</a>
</div>
Expand All @@ -77,7 +77,7 @@ <h3>Phone</h3>
</div>
<div class="infobox">
<div class="icon">
<a href="https://www.buymeacoffee.com/emanuele" target="_blank">
<a href="https://www.buymeacoffee.com/emanuele" target="_blank" rel="noopener noreferrer">
<i class="fas fa-coffee"></i>
</a>
</div>
Expand Down Expand Up @@ -109,7 +109,7 @@ <h2>Send <span class="text-secondary">message</span></h2>
</div>

<div class="input-box">
<input type="text" name="Message" required>
<textarea name="Message" rows="4" required></textarea>
<span>Write your message</span>
</div>

Expand All @@ -121,31 +121,35 @@ <h2>Send <span class="text-secondary">message</span></h2>

<footer id="main-footer">
<div class="icons">
<a href="https://www.instagram.com/emanuele.perico" target="_blank">
<a href="https://www.instagram.com/emanuele.perico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank">
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/mnau23" target="_blank">
<a href="https://github.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
</a>
<a href="https://www.hackerrank.com/mnau23" target="_blank">
<a href="https://www.hackerrank.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-hackerrank"></i>
</a>
<a href="https://t.me/mnau23" target="_blank">
<a href="https://t.me/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-telegram"></i>
</a>
<a href="https://formsubmit.co/el/voteva" target="_blank">
<a href="https://formsubmit.co/el/voteva" target="_blank" rel="noopener noreferrer">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="copyright">
This website is cookie-free! <i class="fa fa-cookie-bite"></i><br>
Made with <i class="fa fa-heart"></i> and <i class="fa fa-code"></i> by me &copy;
2021
<span id="year-range"></span>
<script>
new Date().getFullYear() > 2021 && document.write(" - " + new Date().getFullYear())
const currentYear = new Date().getFullYear();
if (currentYear > 2021) {
document.getElementById('year-range').textContent = ` - ${currentYear}`;
}
</script>
</div>
</footer>
Expand Down
29 changes: 17 additions & 12 deletions dist/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@
.menu-nav {
margin: 0;
padding: 0;
background: rgb(43.1351351351, 42.3648648649, 42.3648648649);
background: rgb(16.9157392687%, 16.613672496%, 16.613672496%);
list-style: none;
transform: translate3d(0, -100%, 0);
transition: all 0.5s ease-out;
Expand Down Expand Up @@ -156,7 +156,7 @@ h1.lg-heading, h2.lg-heading, h3.lg-heading {
h1.sm-heading, h2.sm-heading, h3.sm-heading {
margin-bottom: 2rem;
padding: 0.2rem 1rem;
background: rgba(61.1459459459, 60.0540540541, 60.0540540541, 0.5);
background: rgba(23.9788023317%, 23.550609433%, 23.550609433%, 0.5);
}

a {
Expand Down Expand Up @@ -274,7 +274,7 @@ main#home h1 {
grid-gap: 30px;
}
.more .edu-cert .uni .edu {
background: rgb(68.8648648649, 67.6351351351, 67.6351351351);
background: rgb(27.0058293588%, 26.5235824059%, 26.5235824059%);
padding: 0.5rem;
border-bottom: 5px solid rgba(107, 159, 238, 0.9058823529);
}
Expand Down Expand Up @@ -312,7 +312,7 @@ main#home h1 {
.container .contact-info .infobox .icon {
min-width: 60px;
height: 60px;
background: rgb(94.5945945946, 92.9054054054, 92.9054054054);
background: rgb(37.0959194489%, 36.4334923158%, 36.4334923158%);
display: flex;
justify-content: center;
align-items: center;
Expand All @@ -336,9 +336,9 @@ main#home h1 {
}
.container .contact-form {
width: 60%;
height: 450px;
min-height: 450px;
padding: 30px;
background: rgb(68.8648648649, 67.6351351351, 67.6351351351);
background: rgb(27.0058293588%, 26.5235824059%, 26.5235824059%);
border-bottom: 5px solid rgba(107, 159, 238, 0.9058823529);
}
.container .contact-form h2 {
Expand All @@ -350,7 +350,8 @@ main#home h1 {
width: 100%;
margin-top: 10px;
}
.container .contact-form .input-box input {
.container .contact-form .input-box input,
.container .contact-form .input-box textarea {
width: 100%;
height: 35px;
padding: 5px 0;
Expand All @@ -363,11 +364,17 @@ main#home h1 {
outline: none;
resize: none;
}
.container .contact-form .input-box input:focus ~ span, .container .contact-form .input-box input:valid ~ span {
.container .contact-form .input-box input:focus ~ span, .container .contact-form .input-box input:valid ~ span,
.container .contact-form .input-box textarea:focus ~ span,
.container .contact-form .input-box textarea:valid ~ span {
color: rgba(107, 159, 238, 0.9058823529);
font-size: 12px;
transform: translateY(-25px);
}
.container .contact-form .input-box textarea {
min-height: 120px;
padding-top: 10px;
}
.container .contact-form .input-box span {
position: absolute;
left: 0;
Expand Down Expand Up @@ -412,7 +419,7 @@ main#home h1 {
}

.btn-light, .btn-light-round, .btn-light-round-thx, .btn-light-round-edu, .btn-light-round-cv {
background: rgb(183.6486486486, 182.3513513514, 182.3513513514);
background: rgb(72.0190779014%, 71.5103338633%, 71.5103338633%);
color: #333;
}

Expand Down Expand Up @@ -522,7 +529,7 @@ main#home h1 {
#main-footer {
text-align: center;
padding: 1rem;
background: rgb(30.2702702703, 29.7297297297, 29.7297297297);
background: rgb(11.8706942236%, 11.6587175411%, 11.6587175411%);
color: #fff;
height: 90px;
}
Expand Down Expand Up @@ -788,5 +795,3 @@ main#home h1 {
text-align: center;
}
}

/*# sourceMappingURL=main.css.map */
40 changes: 22 additions & 18 deletions dist/education.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ <h3>Summer school (Master's degree)</h3>
<div class="edu-info">
<p>
<i class="fas fa-university"></i>
<a href="https://www.sdu.dk/en/" target="_blank">
<a href="https://www.sdu.dk/en/" target="_blank" rel="noopener noreferrer">
Syddansk Universitet (SDU)</a><br>
<i class="fas fa-map-marker-alt"></i> Odense, Denmark<br>
<i class="fas fa-calendar-alt"></i> Aug. 2021
Expand All @@ -151,7 +151,7 @@ <h3>Erasmus semester (Master's degree)</h3>
<div class="edu-info">
<p>
<i class="fas fa-university"></i>
<a href="https://www.taltech.ee/en/" target="_blank">
<a href="https://www.taltech.ee/en/" target="_blank" rel="noopener noreferrer">
Tallinna Tehnikaülikool (TalTech)</a><br>
<i class="fas fa-map-marker-alt"></i> Tallinn, Estonia<br>
<i class="fas fa-calendar-alt"></i> Aug. 2020 - Jan. 2021
Expand All @@ -169,7 +169,7 @@ <h3>Computer Science Engineering (Master's degree)</h3>
<div class="edu-info">
<p>
<i class="fas fa-university"></i>
<a href="https://ls-ii.unibg.it/it" target="_blank">
<a href="https://ls-ii.unibg.it/it" target="_blank" rel="noopener noreferrer">
Università degli Studi di Bergamo (UniBg)</a><br>
<i class="fas fa-map-marker-alt"></i> Dalmine (BG), Italy<br>
<i class="fas fa-calendar-alt"></i> Oct. 2019 - Mar. 2022
Expand All @@ -187,7 +187,7 @@ <h3>Computer Science Engineering (Bachelor's degree)</h3>
<div class="edu-info">
<p>
<i class="fas fa-university"></i>
<a href="https://lt-ii.unibg.it/it" target="_blank">
<a href="https://lt-ii.unibg.it/it" target="_blank" rel="noopener noreferrer">
Università degli Studi di Bergamo (UniBg)</a><br>
<i class="fas fa-map-marker-alt"></i> Dalmine (BG), Italy<br>
<i class="fas fa-calendar-alt"></i> Sep. 2016 - Dec. 2019
Expand All @@ -204,7 +204,7 @@ <h3>Computer Science Engineering (Bachelor's degree)</h3>
<h3>High school (Scientific studies)</h3>
<p>
<i class="fas fa-university"></i>
<a href="https://www.maironidaponte.edu.it/index.php" target="_blank">
<a href="https://www.maironidaponte.edu.it/index.php" target="_blank" rel="noopener noreferrer">
ISISS Giovanni Maironi da Ponte</a><br>
<i class="fas fa-map-marker-alt"></i> Presezzo (BG), Italy<br>
<i class="fas fa-calendar-alt"></i> Sep. 2011 - Jul. 2016<br>
Expand All @@ -217,28 +217,28 @@ <h1>Certifications</h1>
<ul>
<li>
Security Soft Start,
<a href="http://onstairs.com/" target="_blank">
<a href="http://onstairs.com/" target="_blank" rel="noopener noreferrer">
<span class="text-secondary">ONstairs</span>,
</a>
Mar 2021.
</li>
<li>
Intensive course in Estonian language and culture (A2),
<a href="https://www.taltech.ee/en/" target="_blank">
<a href="https://www.taltech.ee/en/" target="_blank" rel="noopener noreferrer">
<span class="text-secondary">Tallinna Tehnikaülikool</span>,
</a>
Aug 2020.
</li>
<li>
Introduction to cybersecurity,
<a href="https://www.netacad.com/" target="_blank">
<a href="https://www.netacad.com/" target="_blank" rel="noopener noreferrer">
<span class="text-secondary">Cisco Networking Academy</span>,
</a><br>
Apr 2020.
</li>
<li>
B2 First,
<a href="https://www.cambridgeenglish.org/" target="_blank">
<a href="https://www.cambridgeenglish.org/" target="_blank" rel="noopener noreferrer">
<span class="text-secondary">Cambridge Assessment English</span>,
</a>
Apr 2016.
Expand All @@ -250,7 +250,7 @@ <h1>Certifications</h1>
</li>
<li>
B1 PET,
<a href="https://www.cambridgeenglish.org/" target="_blank">
<a href="https://www.cambridgeenglish.org/" target="_blank" rel="noopener noreferrer">
<span class="text-secondary">Cambridge Assessment English</span>,
</a>
Apr 2014.
Expand All @@ -269,7 +269,7 @@ <h1>Certifications</h1>
</div>
<div class="modal-body">
Working on it. <i class="fas fa-grin-tears"></i><br>
More info <a href="https://en.wikipedia.org/wiki/LOLCODE" target="_blank">here.</a>
More info <a href="https://en.wikipedia.org/wiki/LOLCODE" target="_blank" rel="noopener noreferrer">here.</a>
</div>
</div>

Expand Down Expand Up @@ -463,31 +463,35 @@ <h1>Certifications</h1>

<footer id="main-footer">
<div class="icons">
<a href="https://www.instagram.com/emanuele.perico" target="_blank">
<a href="https://www.instagram.com/emanuele.perico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank">
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/mnau23" target="_blank">
<a href="https://github.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github"></i>
</a>
<a href="https://www.hackerrank.com/mnau23" target="_blank">
<a href="https://www.hackerrank.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-hackerrank"></i>
</a>
<a href="https://t.me/mnau23" target="_blank">
<a href="https://t.me/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-telegram"></i>
</a>
<a href="https://formsubmit.co/el/voteva" target="_blank">
<a href="https://formsubmit.co/el/voteva" target="_blank" rel="noopener noreferrer">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="copyright">
This website is cookie-free! <i class="fa fa-cookie-bite"></i><br>
Made with <i class="fa fa-heart"></i> and <i class="fa fa-code"></i> by me &copy;
2021
<span id="year-range"></span>
<script>
new Date().getFullYear() > 2021 && document.write(" - " + new Date().getFullYear())
const currentYear = new Date().getFullYear();
if (currentYear > 2021) {
document.getElementById('year-range').textContent = ` - ${currentYear}`;
}
</script>
</div>
</footer>
Expand Down
12 changes: 6 additions & 6 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,22 +52,22 @@ <h2 class="sm-heading">
<!-- <br>Welcome to my website! -->
</h2>
<div class="icons">
<a href="https://www.instagram.com/emanuele.perico" target="_blank">
<a href="https://www.instagram.com/emanuele.perico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram fa-2x"></i>
</a>
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank">
<a href="https://www.linkedin.com/in/emanueleperico" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin fa-2x"></i>
</a>
<a href="https://github.com/mnau23" target="_blank">
<a href="https://github.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github fa-2x"></i>
</a>
<a href="https://www.hackerrank.com/mnau23" target="_blank">
<a href="https://www.hackerrank.com/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-hackerrank fa-2x"></i>
</a>
<a href="https://t.me/mnau23" target="_blank">
<a href="https://t.me/mnau23" target="_blank" rel="noopener noreferrer">
<i class="fab fa-telegram fa-2x"></i>
</a>
<a href="https://formsubmit.co/el/voteva" target="_blank">
<a href="https://formsubmit.co/el/voteva" target="_blank" rel="noopener noreferrer">
<i class="fa fa-envelope fa-2x"></i>
</a>
</div>
Expand Down
Loading