Skip to content

Commit

Permalink
update education and shadows
Browse files Browse the repository at this point in the history
  • Loading branch information
@vougioukakis
vougioukakis committed Nov 14, 2024
0 parents commit 4e323f4
Show file tree
Hide file tree
Showing 43 changed files with 1,098 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
Binary file added favicon.ico
Binary file not shown.
6 changes: 6 additions & 0 deletions favicon_io/about.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
This favicon was generated using the following font:

- Font Title: Francois One
- Font Author: Copyright 2011 The Francois One Project Authors (contact@sansoxygen.com)
- Font Source: https://fonts.gstatic.com/s/francoisone/v21/_Xmr-H4zszafZw3A-KPSZutNxgKQu_avAg.ttf
- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))
Binary file added favicon_io/android-chrome-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon_io/android-chrome-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon_io/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon_io/favicon 2.ico
Binary file not shown.
Binary file added favicon_io/favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon_io/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon_io/favicon.ico
Binary file not shown.
1 change: 1 addition & 0 deletions favicon_io/site.webmanifest
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
112 changes: 112 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href='src/blue-wavy-background-webp.webp'>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="style2.css"></noscript>
<link rel="icon" href="favicon.ico?v=2">
<title>Nick Vougioukakis</title>
<script src="script.js" async></script>
</head>

<body>

<!--
<audio id="bg-sound" loop autoplay>
<source src="src/sounds/bg-sound.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>-->
<img src="src/blue-wavy-background-webp.webp" id="image-1">

<audio id="click-sound">
<source src="src/sounds/click.mp3" type="audio/mp3">
</audio>

<div id="load-screen" class="loading">
<p id="welcome" style="opacity: 0; transition: opacity .4s;">Welcome!</p>
</div>

<div id="content-wrap">

<!-- left panel -->
<div class="contents" id="my-card">
<div class="home card" id="my-card-inner">
<div class="info">
<div>
<h1 id="name-text" style="margin-top: 0px; margin-bottom: 0px; color: #d1ecf8;">Nikos Vougioukakis</h1>
</div>
<p style="justify-content: center; margin: 0; align-items: center;">
BSc Mathematics at
<a class="link" href="http://math.uoc.gr/en/index.html" target="_blank">University of Crete</a>
<br>
Aspiring Software Developer
</p>
<img class="uoc" src="src/Logo.png">



</div>

<div class="header">
<div class="nav">
<nav>
<ul id="nav-list">
<li><a class="current nav" id="homeNav" onclick="loadContent('home')">Home</a></li>
<li><a class="not-current nav" id="eduNav" onclick="loadContent('education')">Education</a></li>
<!--<li><a class="not-current" id="projNav" onclick="loadContent('projects')">Projects</a></li>-->
<li><a class="not-current nav" id="hubNav" onclick="loadContent('learning hub')">Learning Hub</a></li>
<!--<li><a class="not-current" id="CV" href="" download="cv.pdf">My CV</li>-->
</ul>
</nav>
</div>
</div>

<footer class="footer">
<div class="options" style="display: none;">
<a onclick="toggleMute();"><img id="sound-option-icon" src="src/icons/sound-on.svg" style="width: 4vh;"></a>
</div>
<div class="buttons-div">
<a href="https://www.linkedin.com/in/nikolaos-vougioukakis-66a2b7256/" style="background-color: #0077b5;" target="_blank" class="buttons"><img class="button-icon" src="src/icons8-linkedin.svg"></a>
<a href="https://github.com/vougioukakis" class="buttons" target="_blank"><img class="button-icon" src="src/icons8-github.svg"></a>
<a class="buttons" style="background-color: #C71610; cursor: pointer;" onclick="toggleMail();"><img class="button-icon" src="src/icons8-gmail.svg"></a>


</div>
<div id="mailBox" style="display: none; "><p style="font-size: 14px;">Gmail: vougioukakis99 (at) gmail (dot) com</p></div>

<p style="font-size: 10px;">Nikolaos Vougioukakis 2024</p>
<p style="font-size: 10px; margin-inline: 20%;">Background designed by Freepik, icons by Icons8 and svgrepo, music by <a class="link" href="https://pixabay.com/users/universfield-28281460/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=153275">UNIVERSFIELD</a> from <a class="link" href="https://pixabay.com/sound-effects//?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=153275">Pixabay</a>, click sound by <a class="link" href="https://freesound.org/s/269157/">Heshl</a></p>
</footer>
</div>


</div>


<!-- right -->

<div class="contents-flexbox" id="right">

<div class="contents-x2" id="mainContent">

</div>

</div>


</div>
<script defer src="more-content.js"></script>
<script>setTimeout(() => {
document.getElementById('welcome').style.opacity='1';
}, 10); //this is how long u have to wait for the welcome to appear

</script>
</body>



</html>
161 changes: 161 additions & 0 deletions more-content.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@

//---------- Page content --------------

function loadEducationContent() {
const educationContent = `
<div class="contents">
<div class="card">
<h3 class="card-title">BSc Mathematics at UOC - 2019-2024</h2>
<p>Coursework includes (but not limited to):</p>
<ul>
<li>Probabilistic Graphical Models (graduate course)</li>
<li>Machine Learning</li>
<li>Object Oriented Programming (Java)</li>
<li>Design and Analysis of Algorithms</li>
<li>Python (2 courses)</li>
<li>Applied Statistics</li>
<li>Parametric Statistics</li>
<li>Real Analysis (Lebesgue Measure & integration on real axis)</li>
<li>Numerical Analysis</li>
<li>Numerical Solution of O.D.E.s</li>
<li>Programming Lab (HTML, CSS, JavaScript, PHP, C)</li>
<li>Programming (C++)</li>
<li>Applications of Probability</li>
</ul>
</div>
<div class="card">
<h3 class="card-title">Online Courses</h2>
<ul>
<li>The Complete Web Dev Bootcamp (Udemy)</li>
</ul>
</div>
</div>
<div class="contents">
<div class="card">
<h3 class="card-title">Books I studied</h2>
<ul>
<li>Intro to Algorithms by Cormen, Leiserson, Rivest, Stein</li>
<li>OpenIntro Statistics by by C. Barr, D. Diez, and M. Çetinkaya-Rundel -- <a class="link" href="https://www.openintro.org/book/os/">download here</a></li>
<li>Probabilistic Graphical Models by D. Koller, N. Friedman</li>
<li>Linear Algebra and Applications by G. Strang</li>
<li>Intro to Numerical Analysis by G.Akrivis, V.Dougalis</li>
<li>Numerical Methods for O.D.Es by G.Akrivis, V.Dougalis</li>
<li>Programming with C++ by Stroustrup</li>
<li>Real Analysis by N.L. Carothers</li>
<li>Applied Mathematics by David J. Logan</li>
<li>Classical Mechanics by Kibble, Berkshire</li>
</ul>
</div>
</div>
`;

document.getElementById('mainContent').innerHTML = educationContent;
}


function loadLHContent() {
const learning_hub_content = `
<div class="contents">
<div class="card" id="links">
<h3 class="card-title">Some nice and free learning resources</h3>
<a href="https://collegecompendium.org/explore"><img src="src/colcomp.png"></a>
<a href="https://ocw.mit.edu/"><img src="src/ocw.png"></a>
<a href="https://www.freecodecamp.org/"><img src="src/fcc.png"></a>
<a href="https://linuxjourney.com/"><img src="src/lj.png"></a>
<a href="https://www.theodinproject.com/"><img src="src/odin.png"></a>
<a href="https://bulletin.math.uoc.gr/work/autolist.php?decade=2020"><img src="src/hms.png"></a>
</div>
${generatePostsHTML(posts)}
</div>
`;
document.getElementById('mainContent').innerHTML = learning_hub_content;
}

function loadProjectsContent() {
const projectsContent = `
<div class="contents">
<div class="card">
<h3 class="card-title">Straight Line Acceleration Simulation for cars</h3>
<p class="proj-description"></p>
<img class="proj-image" src="">
<img class="proj-image" src="">
</div>
<div class="card">
<h3 class="card-title">Fruity</h3>
<p class="proj-description"></p>
<img class="proj-image" src="">
<img class="proj-image" src="">
</div>
<div class="card">
<h3 class="card-title">Ferrari Challenge Racecar Showcase</h3>
<p class="proj-description"></p>
<img class="proj-image" src="">
<img class="proj-image" src="">
</div>
`;

document.getElementById('mainContent').innerHTML = projectsContent;

}
const posts = [

{
title: "The SOLID Principles of Object-Oriented Programming Explained in Plain English",
source: "www.freecodecamp.org",
href: "https://www.freecodecamp.org/news/solid-principles-explained-in-plain-english/",
img: "src/posts/solid.jpeg"
},
{
title: "The Math behind the Adam Optimizer",
source: "towardsdatascience.com",
href: "https://towardsdatascience.com/the-math-behind-adam-optimizer-c41407efe59b#5ff9",
img: "src/posts/adam-opt.webp"
},

{
title: "What is an autoencoder?",
source: "ibm.com",
href: "https://www.ibm.com/topics/autoencoder",
img: "src/posts/autoencoder.png"
},

{
title: "Abusing Generative Adversarial Networks to Make 8-bit Pixel Art",
source: "medium.com",
href: "https://medium.com/@ageitgey/abusing-generative-adversarial-networks-to-make-8-bit-pixel-art-e45d9b96cee7",
img: "src/posts/pixel-art.png"

}
// Add more posts as needed
];

function generatePostsHTML(posts) {
let html = '';
posts.forEach(post => {
html += `
<a class="post" href="${post.href}" style="background-image: url('${post.img}')">
<div>
<div class="post-title-cont">
<h3 class="post-title">${post.title}</h3>
</div>
</div>
<div class="post-source-cont">
<p class="post-source">${post.source}</p>
</div>
</a>`;
});
return html;
}
Loading

0 comments on commit 4e323f4

Please sign in to comment.