Skip to content

Commit

Permalink
Add footer scrolly button and update content
Browse files Browse the repository at this point in the history
  • Loading branch information
@leo-kra
leo-kra committed Nov 6, 2023
1 parent 60fab62 commit ec2a1ef
Show file tree
Hide file tree
Showing 6 changed files with 34 additions and 25 deletions.
3 changes: 0 additions & 3 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,2 @@
# Ignore env file containing API keys
/assets/js/env.js

# Ignore installed modules
/node_modules
2 changes: 2 additions & 0 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2172,6 +2172,7 @@ input, select, textarea {
line-height: 1em;
list-style: none;
padding-left: 0;
margin-top: 1em;
margin-bottom: 0;
}

Expand Down Expand Up @@ -2424,6 +2425,7 @@ input, select, textarea {
height: inherit;
line-height: inherit;
border-radius: 0;
font-size: medium;
}

#nav a:hover {
Expand Down
7 changes: 7 additions & 0 deletions assets/js/jquery.up-button.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
/* Slowly scrolling back to top with the time set in milliseconds */
$('#button-footer').each(function(){
$(this).click(function(){
$('html,body').animate({ scrollTop: 0 }, 3000);
return false;
});
});
10 changes: 5 additions & 5 deletions dashboards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,14 +39,14 @@ <h2>Data Dashboards</h2>
</header>
<div class="row">
<article class="col-4 col-6-large col-12-large">
<h3>Grafana Dashboard Demo</h3>
<iframe src="https://snapshots.raintank.io/dashboard/snapshot/eWyFI4yTMDH7OqxUNJ6eggRc73rcQEKJ" width="1000" height="540" frameborder="0"></iframe>
<!-- https://snapshots.raintank.io/dashboard/snapshot/U3ZbPgCfLBIPqQh0MHeMNDY5WoxI9wyj-->
<h3>Microsoft Power BI Report Demo</h3>
<iframe title="Sample Report" width="1000" height="540" src="https://playground.powerbi.com/sampleReportEmbed" frameborder="0" allowFullScreen="true"></iframe>
</article>

<article class="col-4 col-6-large col-12-large">
<h3>Microsoft Power BI Report Demo</h3>
<iframe title="Sample Report" width="1000" height="540" src="https://playground.powerbi.com/sampleReportEmbed" frameborder="0" allowFullScreen="true"></iframe>
<h3>Grafana Dashboard Demo</h3>
<iframe src="https://snapshots.raintank.io/dashboard/snapshot/eWyFI4yTMDH7OqxUNJ6eggRc73rcQEKJ" width="1000" height="540" frameborder="0"></iframe>
<!-- https://snapshots.raintank.io/dashboard/snapshot/U3ZbPgCfLBIPqQh0MHeMNDY5WoxI9wyj-->
</article>
</div>
<br>
Expand Down
Binary file added images/projects/amazon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 20 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,9 @@
<meta name="author" content="Leo Kravtchin">

<link rel="stylesheet" href="./assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="/images/favicon_io/favicon.ico">
<link rel="icon" type="image/x-icon" href="./images/favicon_io/favicon.ico">
<script src="https://kit.fontawesome.com/4505e8b6e0.js" crossorigin="anonymous"></script>
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<script src="./assets/js/env.js" defer></script>
<script src="./assets/js/news.js" defer></script>
</head>
<body class="is-preload">
Expand Down Expand Up @@ -77,7 +76,7 @@ <h2>Here are some of my recent highlights</h2>
<section class="box style1">
<span class="fa-solid fa-graduation-cap fa-5x"></span>
<h3>BSc thesis and degree</h3>
<p>Published my undergraduate thesis and completed the BSc Hons part of my 5-year integrated masters degree.</p>
<p>Published my undergraduate thesis (achieving 77%) and completed the BSc Hons part of my integrated masters degree.</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
Expand Down Expand Up @@ -115,9 +114,9 @@ <h2>Examples of recent projects and accomplishments</h2>
<article class="box style2">
<a href="https://www.researchgate.net/publication/374778432_Detecting_Long-Term_Deviation_and_External_Factors_Correlations_in_Activities_of_Daily_Living_Based_on_Sensor_Data" target="_blank"
class="image featured"><img src="./images/projects/thesis-2.png" alt="Thesis result example" /></a>
<h3><a href="https://www.researchgate.net/publication/374778432_Detecting_Long-Term_Deviation_and_External_Factors_Correlations_in_Activities_of_Daily_Living_Based_on_Sensor_Data" target="_blank">BSc Thesis</a></h3>
<h3><a href="https://www.researchgate.net/publication/374778432_Detecting_Long-Term_Deviation_and_External_Factors_Correlations_in_Activities_of_Daily_Living_Based_on_Sensor_Data" target="_blank">BSc Thesis - 77%</a></h3>
<p>
<i>Detecting Long-Term Deviation and External Factors Correlations in Activities of Daily Living Based on Sensor Data</i>, supervised by Dr Jacques Fleuriot. Using machine learning and deep learning techniques for human activity recognition over years of sensor data (82% overall accuracy), clustering, process mining, and activity forecasting.
<i>Detecting Long-Term Deviation and External Factors Correlations in Activities of Daily Living Based on Sensor Data</i>, supervised by Dr Jacques Fleuriot. Using machine learning and deep learning techniques for <strong>human activity recognition</strong> over years of sensor data (82% overall accuracy), <strong>clustering</strong>, <strong>process mining</strong>, and <strong>activity forecasting</strong>.
<br>
<i>Python, TensorFlow, Scikit-Learn, PM4Py, Prophet, NeuralProphet, Git</i>
</p>
Expand All @@ -126,9 +125,9 @@ <h3><a href="https://www.researchgate.net/publication/374778432_Detecting_Long-T
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://podcastsdataset.byspotify.com/" target="_blank" class="image featured"><img src="./images/projects/snippet.png" alt="Snippet homepage" /></a>
<h3><a href="https://podcastsdataset.byspotify.com/" target="_blank">Snippet.</a></h3>
<h3><a href="https://podcastsdataset.byspotify.com/" target="_blank">Snippet. - 69%</a></h3>
<p>
In a team of six, we developed a full-stack web search engine for 10m Spotify podcast transcript snippets, enabling the user to listen to only the parts of podcasts they are interested in. Features include ranked information retrieval, semantic search, topic modelling, query expansion, and CI/CD using Jenkins via a shared repository.
In a team of six, we developed a full-stack <strong>web search engine for 10m Spotify podcast transcript snippets</strong>, enabling the user to listen to only the parts of podcasts they are interested in. Features include ranked information retrieval, semantic search, topic modelling, query expansion, and CI/CD using Jenkins via GitHub.
<br>
<i>Python, Flask, React, PostgreSQL, MongoDB, Docker, Google Cloud, Jenkins, Git</i>
</p>
Expand All @@ -137,9 +136,9 @@ <h3><a href="https://podcastsdataset.byspotify.com/" target="_blank">Snippet.</a
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/specknet/pdiot-practical" target="_blank" class="image featured"><img src="./images/projects/recognised-3.jpeg" alt="Confusion Matrix" id="image-matrix" /></a>
<h3><a href="https://github.com/specknet/pdiot-practical" target="_blank">RecognisED</a></h3>
<h3><a href="https://github.com/specknet/pdiot-practical" target="_blank">RecognisED - 88%</a></h3>
<p>
We developed a full-stack mobile app for real-time human activity recognition from wearable sensors in a team of three. We used deep learning to achieve classification accuracies of 94% for 4 activity subsets and 72% for 14 different activities. The app shows the classified activity, step count, and stores historical user data using Firebase.
We developed a full-stack <strong>mobile app for real-time human activity recognition</strong> from wearable sensors in a team of three. We used deep learning to achieve classification accuracies of 94% for 4 activity subsets and 72% for 14 different activities. The app shows the classified activity, step count, and stores historical user data using Firebase.
<br>
<i>Python, TensorFlow, Keras, Scikit-Learn, Java, Kotlin, Firebase, Git</i>
</p>
Expand All @@ -150,32 +149,32 @@ <h3><a href="https://github.com/specknet/pdiot-practical" target="_blank">Recogn
<a href="https://aiml.inf.ed.ac.uk/event/detecting-long-term-deviation-in-activities-of-daily-living-based-on-sensor-data/" target="_blank" class="image featured"><img src="./images/projects/aiml.jpeg" alt="AIML Group"/></a>
<h3><a href="https://aiml.inf.ed.ac.uk/event/detecting-long-term-deviation-in-activities-of-daily-living-based-on-sensor-data/" target="_blank">AIML Research Talks</a></h3>
<p>
I am a member of the <a href="https://aiml.inf.ed.ac.uk/" target="_blank">AIML</a> lab, an Artificial Intelligence and Machine Learning research group at the University of Edinburgh <a href="https://web.inf.ed.ac.uk/aiai" target="_blank">AIAI</a> institute. I held two talks about my dissertation's research goals and concluded findings before my viva.
I am a member of <a href="https://aiml.inf.ed.ac.uk/" target="_blank">AIML</a>, the Artificial Intelligence Modelling Lab research group at the University of Edinburgh's <a href="https://web.inf.ed.ac.uk/aiai" target="_blank">AIAI</a> institute (Artificial Intelligence Applications Institute). I held two talks about my dissertation's <strong>research goals</strong>, <strong>proposed methods</strong>, and <strong>concluded findings</strong> as part of my viva preparations. I also regularly attended other research talks, learning about state-of-the-art machine learning applications.
</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://www.metro-markets.de/" target="_blank" class="image featured"><img src="./images/projects/mm-logo.svg" alt="Metro Markets" /></a>
<h3><a href="https://www.metro-markets.de/" target="_blank">Internship Projects</a></h3>
<a href="https://www.liedfestival-kassel.de/" target="_blank" class="image featured"><img src="./images/projects/amazon.png" alt="Amazon logo" /></a>
<h3><a href="https://www.liedfestival-kassel.de/" target="_blank">Internship Projects</a></h3>
<ul>
<li>• Created a Slack Bot for hourly production data insights using JavaScript, MySQL, and hosted on Google Cloud Kubernetes.</li>
<li>• Set up a data pipeline for performance analysis of internal systems based on complex read & write MySQL queries.</li>
<li>• Designed and developed the <a href="https://www.liedfestival-kassel.de/" target="_blank">Liedfestival Kassel</a> website. Including a ticket booking system with seat reservations, email confirmations, and a database setup.</li>
<li>• Created a <strong>Slack Bot</strong> for hourly production data insights using JavaScript, MySQL, and hosted on Google Cloud Kubernetes.</li>
<li>• Set up <strong>data pipelines</strong> for performance analysis of internal systems based on complex read & write MySQL queries.</li>
<li>• <strong>Full-stack web development</strong> for <a href="https://www.liedfestival-kassel.de/" target="_blank">Liedfestival Kassel</a>, including a ticket booking system with seat reservations, email confirmations, and a database.</li>
</ul>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://newsapi.org/" target="_blank" class="image featured"><img src="./images/projects/news.png" alt="NewsAPI logo" /></a>
<a href="https://github.com/leo-kra/leo-kra.github.io" target="_blank" class="image featured"><img src="./images/projects/github.jpg" alt="GitHub logo" /></a>
<div id="news-container"></div>
<br>
<button class="button small scrolly" id="prev-button" onclick="showPrevious()">Previous</button>
<button class="button small scrolly" id="next-button" onclick="showNext()">Next</button>
<br>
<h3><a href="https://github.com/leo-kra/leo-kra.github.io" target="_blank">Personal Website</a></h3>
<p>
This website is fully open-source and built using HTML, CSS, SASS, JavaScript, and jQuery.
This website is fully <strong>open-source</strong> and built using HTML, CSS, SASS, JavaScript, and jQuery.
The above top technology headlines in the UK as of yesterday are fetched using an HTTP GET request from the <a href="https://newsapi.org/" target="_blank">News API</a>.
</p>
</article>
Expand Down Expand Up @@ -254,6 +253,9 @@ <h3>Find me on ...</h3>
</div>
</div>
<footer>
<button class="button small scrolly" id="button-footer">
<i class="fa-solid fa-arrow-up fa-bounce fa-xl" style="color: #fff;"></i>
</button>
<ul id="copyright">
<li>&copy; Leo Kravtchin. All rights reserved.</li>
</ul>
Expand All @@ -264,6 +266,7 @@ <h3>Find me on ...</h3>
<!-- Scripts -->
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/jquery.scrolly.min.js"></script>
<script src="./assets/js/jquery.up-button.js"></script>
<script src="./assets/js/browser.min.js"></script>
<script src="./assets/js/breakpoints.min.js"></script>
<script src="./assets/js/util.js"></script>
Expand Down

0 comments on commit ec2a1ef

Please sign in to comment.