Chaospott/site
45
1
Fork 2
Code Issues Pull Requests Releases Activity

Cleanup CSS

Browse Source
This commit is contained in:
T
2026-02-09 01:09:09 +01:00
parent 532ca5a8f5
commit bf01521ee4
6 changed files with 19 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/head.html
View File

@@ -31,7 +31,7 @@
<meta name="theme-color" content="#d2d4bc"> <meta name="theme-color" content="#d2d4bc">
<style> <style>
html, body { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */ background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */

2
_includes/header.html
View File

@@ -1,7 +1,7 @@
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="https://chaospott.de"> <a class="navbar-brand" href="/">
chaospott chaospott
</a> </a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">

21
_layouts/default.html
View File

@@ -2,19 +2,22 @@
<html> <html>
{% include head.html %} {% include head.html %}
<body> <body>
{% include header.html %} <header>
<div class="jumbotron"> {% include header.html %}
</header>
<main class="jumbotron">
<div class="container-fluid large-header" id="large-header"> <div class="container-fluid large-header" id="large-header">
<div class="row">
<div class="row row-centered"> <div class="col text-center">
<div class="col-centered"> <img src="{{ "/images/logo.svg" | prepend: site.baseurl }}" alt="Chaospott Logo" />
<img src="{{ "/images/logo.svg" | prepend: site.baseurl }}" alt="Chaospott Logo" /> </div>
</div> </div>
</div>
</div> </div>
{{ content }} {{ content }}
</main>
<footer>
{% include footer.html %} {% include footer.html %}
</div> </footer>
<script src="{{ "/js/TweenLite.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/TweenLite.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/js/EasePack.min.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/EasePack.min.js" | prepend: site.baseurl }}"></script>
<script src="{{ "/js/rAF.js" | prepend: site.baseurl }}"></script> <script src="{{ "/js/rAF.js" | prepend: site.baseurl }}"></script>

1
_sass/_base.scss
View File

@@ -2,7 +2,6 @@
* Reset some basic elements * Reset some basic elements
*/ */
body,
h1, h1,
h2, h2,
h3, h3,

20
_sass/_chaospott.scss
View File

@@ -90,20 +90,11 @@ a {
} }
} }
.row {
padding: 75px 0;
&-centered {
text-align: center;
margin: 0;
}
}
#large-header { #large-header {
background: #222 url('/images/logowall.svg') center top; background: #222 url('/images/logowall.svg') center top;
background-size: 450px; background-size: 450px;
height: 300px; height: 228px;
margin: 0 0 100px 0; margin: 0 0 170px 0;
padding: 0; padding: 0;
img { img {
@@ -113,13 +104,6 @@ a {
} }
} }
.col-centered {
display: inline-block;
float: none;
text-align: left;
margin-right: -4px;
}
ul.nav > li > a { ul.nav > li > a {
color: $nav-link-color; color: $nav-link-color;
} }

6
index.html
View File

@@ -3,7 +3,7 @@ layout: default
--- ---
<div class="container" id="posts"> <div class="container" id="posts">
<div class="row" style="padding-bottom:0px;"> <div class="row">
{% assign posts = site.posts | where:"type", "blog" %} {% assign posts = site.posts | where:"type", "blog" %}
{% for post in posts limit:3 %} {% for post in posts limit:3 %}
<div class="col-md-4"> <div class="col-md-4">
@@ -26,9 +26,9 @@ layout: default
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div class="row-centered align-text-top" style="padding-bottom:50px;"><p>Weitere Nachrichten finden sich <a href="https://chaospott.de/blog/">in unserem Logbuch.</a></p></div> <div class="row text-center"><p>Weitere Nachrichten finden sich <a href="https://chaospott.de/blog/">in unserem Logbuch.</a></p></div>
</div> </div>
<hr> <hr style="margin-top: 80px; margin-bottom: 80px;">
<div class="container" id="about"> <div class="container" id="about">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">