Chishti/magnet4cardiac7t.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'january_meeting_tasks'

Browse Source
This commit is contained in:
Andrzej Dulny
2025-02-04 16:52:36 +01:00
parent 19d9fa43d0 99c3d5a8ba
commit e5378f34e1
9 changed files with 132 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_data/navigation.yml
+11 -11
View File
@@ -37,17 +37,17 @@ sidebar-navigation:
url: /spring_school_2025/
- title: "Contact"
url: /contact/
- title: Resources
url: /resources/
children:
- title: "Our Github"
url: https://github.com/MAGNET4Cardiac7T
- title: "MAGNET Python Package"
url: https://github.com/MAGNET4Cardiac7T/magnet-preview
- title: "AI Team"
url: https://www.informatik.uni-wuerzburg.de/datascience
- title: "Domain Knowledge Team"
url: https://www.ukw.de/behandlungszentren/dzhi/startseite/
# - title: Resources
# url: /resources/
# children:
# - title: "Our Github"
# url: https://github.com/MAGNET4Cardiac7T
# - title: "MAGNET Python Package"
# url: https://github.com/MAGNET4Cardiac7T/magnet-preview
# - title: "AI Team"
# url: https://www.informatik.uni-wuerzburg.de/datascience
# - title: "Domain Knowledge Team"
# url: https://www.ukw.de/behandlungszentren/dzhi/startseite/
- title: Blog
url: /blog/
children:
_includes/masthead.html
+6
View File
@@ -3,7 +3,13 @@
<div class="masthead">
<div class="masthead__inner-wrap">
<div class="masthead__menu">
<nav id="site-nav" class="greedy-nav">
<a id="sidebar-menu-toggle" style="cursor: pointer; margin-right: 64px; margin-left: 16px">
<img width="24px" src="{{'/assets/img/bars-solid.svg' | relative_url }}">
</a>
{% unless logo_path == empty %}
<a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt="{{ site.masthead_title | default: site.title }}"></a>
{% endunless %}
_includes/nav_list
+68 -35
View File
@@ -1,26 +1,51 @@
<button id="sidebar-menu-toggle" class="greedy-nav__toggle" type="button">
<div class="navicon"></div>
</button>
<nav id="sidebar-nav" class="nav__list">
{% if page.sidebar.title %}<h3 class="nav__title" style="padding-left: 0;">{{ page.sidebar.title }}</h3>{% endif %}
<input id="ac-toc" name="accordion-toc" type="checkbox" />
<label for="ac-toc">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</label>
<ul class="nav__items">
{% for navname in include.nav %}
{% assign navigation = site.data.navigation[navname] %}
{% for nav in navigation %}
<li>
{% assign children = nav.children %}
{% if nav.title == 'Blog' %}
{% assign children = site.posts %}
{% if children.size > 3 %}
{% assign showMore = 'true' %}
{% endif %}
{% else %}
{% assign showMore = 'false' %}
{% endif %}
{% if nav.url %}
<a href="{{ nav.url | relative_url }}"><span class="nav__sub-title">{{ nav.title }}</span></a>
{% else %}
<span class="nav__sub-title">{{ nav.title }}</span>
{% endif %}
{% if nav.children != null %}
{% if children != null %}
<ul>
{% for child in nav.children %}
<li><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} class="active"{% endif %}>{{ child.title }}</a></li>
{% for child in children %}
{% if showMore == 'true' %}
{% if forloop.index <= 3 %}
<li><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} class="active"{% endif %}>{{ child.title }}</a></li>
{% else %}
<li class="hidden hidden_blog_item"><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} class="active"{% endif %}>{{ child.title }}</a></li>
{% endif %}
{% if forloop.last %}
<li id="blog_more_link"><a href='#' style='cursor: pointer'>Show More</a></li>
{% endif %}
{% endif %}
{% if showMore == 'false' %}
<li><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} class="active"{% endif %}>{{ child.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
@@ -32,37 +57,45 @@
<div style="margin-top: 16px;" itemscope itemtype="https://schema.org/Person" class="h-card">
<div class="author__urls-wrapper">
<li>
<a href="https://www.informatik.uni-wuerzburg.de/datascience/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/lsx-favicon.png' | relative_url }}"><span class="label"> AI Team</span>
</a>
</li>
<ul class="nav__items" style="font-size: 20px">
<li>
<a href="https://www.informatik.uni-wuerzburg.de/datascience/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/lsx-favicon.png' | relative_url }}"><span class="label"> AI Team</span>
</a>
</li>
<li>
<a href="https://www.ukw.de/behandlungszentren/dzhi/startseite/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/ukw-favicon.png' | relative_url }}"><span class="label"> DZHI</span>
</a>
</li>
<li>
<a href="https://www.ukw.de/behandlungszentren/dzhi/startseite/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/ukw-favicon.png' | relative_url }}"><span class="label"> DZHI</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/search/results/all/?fetchDeterministicClustersOnly=false&heroEntityKey=urn%3Ali%3Agroup%3A13048006&keywords=magnet4cardiac7t&origin=RICH_QUERY_SUGGESTION&position=0&searchId=85b2101d-eeee-431d-8ff0-c1e3a4446356&sid=_DW&spellCorrectionEnabled=false" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span class="label">LinkedIn</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/search/results/all/?fetchDeterministicClustersOnly=false&heroEntityKey=urn%3Ali%3Agroup%3A13048006&keywords=magnet4cardiac7t&origin=RICH_QUERY_SUGGESTION&position=0&searchId=85b2101d-eeee-431d-8ff0-c1e3a4446356&sid=_DW&spellCorrectionEnabled=false" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/linkedin.png' | relative_url }}"><span class="label"> LinkedIn</span>
</a>
</li>
<li>
<a href="https://github.com/MAGNET4Cardiac7T" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 2px; width: 16px; height: 16px;" src="{{'/assets/img/github.png' | relative_url }}"><span class="label"> Github</span>
</a>
</li>
<li>
<a href="mailto: magnet4cardiac7t@uni-wuerzburg.de" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<img style="margin-left: 0px; width: 18px; height: 18px;" src="{{'/assets/img/mail.png' | relative_url }}"><span class="label"> Mail</span>
</a>
</li>
</ul>
</div>
</div>
<li>
<a href="https://github.com/MAGNET4Cardiac7T" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<i class="fab fa-fw fa-github" aria-hidden="true"></i><span class="label">GitHub</span>
</a>
</li>
<li>
<a href="mailto: magnet4cardiac7t@uni-wuerzburg.de" itemprop="sameAs" rel="nofollow noopener noreferrer me">
<i style="margin-left: 2px;" class="fa-solid fa-envelope" aria-hidden="true"></i><span class="label"> Mail</span>
</a>
</li>
</div>
</div>
</nav>
assets/css/main.scss
+4
View File
@@ -5,6 +5,9 @@ search: false
@charset "utf-8";
.sidebar.sticky {
overflow-y: unset !important;
}
.spring-school-grid-menu {
display: flex;
@@ -87,5 +90,6 @@ search: false
padding : 4px !important;
}
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials
assets/img/bars-solid.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 528 B

assets/img/github.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/img/linkedin.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

assets/img/mail.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

assets/js/custom_requirments.js
+42 -3
View File
@@ -23,11 +23,50 @@ for(let i = 0; i < side_bar_nav_links.length; i++) {
};
}
// Req 3: Make the sidebar disappear when clicked on the hamburger button.
let sideBarMenuToggleBtn = $('#sidebar-menu-toggle')[0];
let sideBarNav = $('#sidebar-nav');
let navigationItems = $('.nav__items');
let sidebarToggled = false;
let toggleHandler = (e) => {
sideBarNav.slideToggle();
}
sideBarMenuToggleBtn.onclick = toggleHandler;
if ( navigationItems.css('opacity') == 0 && sidebarToggled == false ) {
navigationItems.css('max-height', 'max-content');
navigationItems.css('opacity', '100');
}
else {
sideBarNav.slideToggle();
}
sidebarToggled = !sidebarToggled;
};
sideBarMenuToggleBtn.onclick = toggleHandler;
// Req 4: Hide/unhide more blog items if clicked on the "More" link
let hiddenBlogItems = $('.hidden_blog_item');
let moreLink = $('#blog_more_link')[0];
let blogItemsVisible = false;
moreLink.onclick = (e) => {
for (let i = 0; i < hiddenBlogItems.length; i++){
if (!blogItemsVisible){
moreLink.innerHTML = 'Show Less'
hiddenBlogItems[i].classList.remove('hidden');
}
else {
moreLink.innerHTML = 'Show More'
hiddenBlogItems[i].classList.add('hidden');
}
}
blogItemsVisible = !blogItemsVisible;
};