Have started setting up my portfolio and account links
This commit is contained in:
Lheor
parent
adfb55eea9
commit
835822b76d
2 changed files with 89 additions and 15 deletions
96
index.html
96
index.html
|
|
@ -50,24 +50,40 @@
|
|||
</div>
|
||||
<p class="lead mb-5">I am experienced in leveraging agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
|
||||
<div class="social-icons">
|
||||
<a class="social-icon" href="#!"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a class="social-icon" href="#!"><i class="fab fa-github"></i></a>
|
||||
<a class="social-icon" href="https://www.linkedin.com/in/bart%C5%82omiej-piekarski-0386b3331/"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a class="social-icon" href="https://gitlab.com/Lheorvine"><i class="fab fa-gitlab"></i></a>
|
||||
<a class="social-icon" href="https://github.com/Lheorvine"><i class="fab fa-github"></i></a>
|
||||
<!--a class="social-icon" href="#!"><i class="fab fa-twitter"></i></a>
|
||||
<a class="social-icon" href="#!"><i class="fab fa-facebook-f"></i></a-->
|
||||
</div>
|
||||
<ul class="list-inline dev-icons">
|
||||
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-angular"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-react"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-sass"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-less"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-gulp"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-grunt"></i></li>
|
||||
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
|
||||
<img src="assets/img/html5.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/css-3.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/javascript-1.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/c--4.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/python-5.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/ruby.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/rust.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/dotnet.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/rails.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/microsoft-sql-server-1.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/photoshop-cc-4.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/unity-69.svg" alt="" width="32" height="32"/>
|
||||
|
||||
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
||||
|
||||
<img src="assets/img/linux-tux.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/archlinux-icon.svg" alt="" width="32" height="32"/>
|
||||
<img src="assets/img/ubuntu-4.svg" alt="" width="32" height="32"/>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -117,6 +133,56 @@
|
|||
<section class="resume-section" id="portfolio">
|
||||
<div class="resume-section-content">
|
||||
<h2 class="mb-5">Portfolio</h2>
|
||||
<!-- Photo grid -->
|
||||
<h3 class="mb-5">Graphics Class</h3>
|
||||
<div class="w3-row">
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="My first graphics class project. We used Canva AI to generate a moodboard.">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful scenery this sunset">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="The Beach. Me. Alone. Beautiful">
|
||||
</div>
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Quiet day at the beach. Cold, but beautiful">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Waiting for the bus in the desert">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Nature again.. At its finest!">
|
||||
</div>
|
||||
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Canoeing again">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="A girl, and a train passing">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful day!">
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<h3 class="mb-5">Game Development</h3>
|
||||
<div class="w3-row">
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="My first graphics class project. We used Canva AI to generate a moodboard.">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful scenery this sunset">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="The Beach. Me. Alone. Beautiful">
|
||||
</div>
|
||||
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Quiet day at the beach. Cold, but beautiful">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Waiting for the bus in the desert">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Nature again.. At its finest!">
|
||||
</div>
|
||||
|
||||
<div class="w3-third">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Canoeing again">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="A girl, and a train passing">
|
||||
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful day!">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal for full size images on click-->
|
||||
<div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
|
||||
<span class="w3-button w3-black w3-xlarge w3-display-topright"></span>
|
||||
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
|
||||
<img id="img01" class="w3-image" alt="" src="">
|
||||
<p id="caption"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Education-->
|
||||
|
|
@ -137,7 +203,7 @@
|
|||
<div class="subheading mb-3">Filologia Angielska</div>
|
||||
<div>Tłumaczeniowa z językiem chińskim</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Październik 2021 - Luty 2023 (musiałem przerwać studia na 2 roku)</span></div>
|
||||
<div class="flex-shrink-0"><span class="text-primary">Październik 2021 - Styczeń 2023 (byłem zmuszony przerwać studia na 2 roku)</span></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-md-row justify-content-between">
|
||||
<div class="flex-grow-1">
|
||||
|
|
|
|||
|
|
@ -32,3 +32,11 @@ window.addEventListener('DOMContentLoaded', event => {
|
|||
});
|
||||
|
||||
});
|
||||
|
||||
// Modal Image Gallery
|
||||
function onClick(element) {
|
||||
document.getElementById("img01").src = element.src;
|
||||
document.getElementById("modal01").style.display = "block";
|
||||
var captionText = document.getElementById("caption");
|
||||
captionText.innerHTML = element.alt;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue