Fix CSS issues

This commit is contained in:
2025-09-12 16:09:55 +02:00
parent 7defda0517
commit 87d125d3bb
3 changed files with 13 additions and 5 deletions

View File

@@ -190,6 +190,15 @@ a {
.inline-elements { .inline-elements {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 999px) {
.inline-elements .button {
width: 100%;
text-align: center;
}
} }
.inline-elements * { .inline-elements * {

View File

@@ -38,7 +38,7 @@
<body> <body>
<nav></nav> <nav></nav>
<div class="slider" style="width: 100vw; height: 80vh;"> <div class="slider">
<div class="slider-container"> <div class="slider-container">
<div class="slider-element current" <div class="slider-element current"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );"> style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
@@ -84,13 +84,12 @@
</div> </div>
</div> </div>
<div class="content"> <div class="content" style="margin-top: 50px;">
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz logo" class="project-logo">
<h1>Projects</h1> <h1>Projects</h1>
<p>Discover my software projects</p> <p>Discover my software projects</p>
<hr class="divider" style="margin-top: 75px;"> <hr class="divider" style="margin-top: 50px;">
<h2 id="foss">Open Source Projects</h2> <h2 id="foss">Open Source Projects</h2>
<p>Projects you can use for free, that have their source code publicly available and you can help develop</p> <p>Projects you can use for free, that have their source code publicly available and you can help develop</p>

View File

@@ -168,7 +168,7 @@
<p class="info">All pieces of software without an expected EOL date do not have one, because it simply hasn't been decided yet. There might be completely rewritten versions of them taking their place in the future or an EOL date may be added</p> <p class="info">All pieces of software without an expected EOL date do not have one, because it simply hasn't been decided yet. There might be completely rewritten versions of them taking their place in the future or an EOL date may be added</p>
<p class="info">Once a software has reached EOL, it doesn't mean it will stop working, but rather that it will not receive any more updates</p> <p class="info">Once a software has reached EOL, it doesn't mean it will stop working, but rather that it will not receive any more updates</p>
<p class="info"><sup>1</sup>There are plans for a big update, coming likely by Q3 2026</p> <p class="info"><sup>1</sup>There are plans for a big update, coming likely by or in Q3 2026</p>
<p class="info"><sup>2</sup>The stated EOL date is unlikely to be accurate, since the app has been completely rewritten in June 2025</p> <p class="info"><sup>2</sup>The stated EOL date is unlikely to be accurate, since the app has been completely rewritten in June 2025</p>
<p style="margin-top: 50px;">Looking for the support page?</p> <p style="margin-top: 50px;">Looking for the support page?</p>