Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

some style improvements
All checks were successful
Jenkins
Ellpeck/Web/pipeline/head This commit looks good
Details

Browse source
This commit is contained in:
Ell 2023-06-22 22:17:25 +02:00
parent dd19c86d18
commit 9b55c6fccd
3 changed files with 12 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
main/_includes/post.html
View file

@ -1,8 +1,8 @@
<div class="card bg-light blog-entry rounded-0 {% for tag in include.post.tags %} blog-tag-{{ tag | slugify}} {% endfor %}"> <div class="card bg-light blog-entry rounded-0 {% for tag in include.post.tags %} blog-tag-{{ tag | slugify}} {% endfor %}">
<div class="card-body"> <div class="card-body">
<span class="text-muted blog-cat">{{ include.post.tags | join: ", " }}</span>
<h4 class="card-title blog-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4> <h4 class="card-title blog-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
<div class="card-text blog-summary">{{ include.post.description }}</div> <div class="card-text blog-summary">{{ include.post.description }}</div>
<span class="text-muted project-status">{{ include.post.date | date_to_string }}</span> <span class="text-muted project-status">{{ include.post.date | date_to_string }}</span>
<span class="text-muted blog-cat">{{ include.post.tags | join: ", " }}</span>
</div> </div>
</div> </div>

2
main/_includes/social.html
View file

@ -31,7 +31,7 @@
</ul> </ul>
</div> </div>
<div class="col-md-auto" id="discord-div"> <div class="col-md-auto" id="discord-div">
<iframe id="discord-widget" title="Ellpeck's Discord server" width="300" height="450" allowtransparency="true" frameborder="0"></iframe> <iframe id="discord-widget" title="Ellpeck's Discord server" width="300" height="500" allowtransparency="true" frameborder="0"></iframe>
</div> </div>
<script> <script>

49
main/style/style.css
View file

@ -21,7 +21,7 @@ h1, h2, h3, h4, h5, h6, .nav-item {
} }
.list-display { .list-display {
width: 85%; max-width: 850px;
display: block; display: block;
margin-top: 40px; margin-top: 40px;
margin-left: auto; margin-left: auto;
@ -31,7 +31,7 @@ h1, h2, h3, h4, h5, h6, .nav-item {
} }
.alert { .alert {
width: 85%; max-width: 850px;
display: block; display: block;
margin-top: 40px; margin-top: 40px;
margin-left: auto; margin-left: auto;
@ -43,7 +43,7 @@ h1, h2, h3, h4, h5, h6, .nav-item {
} }
.jumbotron { .jumbotron {
width: 85%; max-width: 850px;
margin: 40px auto 0; margin: 40px auto 0;
background-color: white; background-color: white;
} }
@ -58,18 +58,16 @@ h1, h2, h3, h4, h5, h6, .nav-item {
.project-status { .project-status {
position: absolute; position: absolute;
right: 20px; right: 1.25rem;
bottom: 15px; bottom: 1.25rem;
} }
.blog-cat { .blog-cat {
position: absolute; float: right;
right: 20px;
top: 15px;
} }
.social-button { .social-button {
width: 200px; width: 175px;
margin: 10px; margin: 10px;
line-height: 40px; line-height: 40px;
} }
@ -126,15 +124,10 @@ h1, h2, h3, h4, h5, h6, .nav-item {
margin-top: 15px; margin-top: 15px;
} }
.blog-summary,
.blog-title {
width: 85%;
}
.navbar { .navbar {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 1200px; max-width: 1000px;
} }
.footer { .footer {
@ -144,7 +137,7 @@ h1, h2, h3, h4, h5, h6, .nav-item {
bottom: 0; bottom: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 1200px; max-width: 1000px;
background-color: #f8f9fa; background-color: #f8f9fa;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
@ -210,7 +203,7 @@ hr {
bottom: 0; bottom: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 1200px; max-width: 1000px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
@ -245,16 +238,6 @@ pre.highlight {
border-top: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2);
} }
@media (max-width: 1199px) {
.blog-title {
margin-top: 15px;
}
.blog-summary {
margin-bottom: 10px;
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
.container { .container {
max-width: none; max-width: none;
@ -288,16 +271,4 @@ pre.highlight {
top: -18px; top: -18px;
width: 50px; width: 50px;
} }
.project-status {
position: absolute;
right: 10px;
bottom: 5px;
}
.blog-cat {
position: absolute;
right: 10px;
top: 5px;
}
} }