mirror of https://github.com/lxndrblz/anatole.git

Alexander Bilz
20.48.2020 b952bb2107f3b95c6aebfc07b84febadac90c24c
💅 Updated Styling
1 files added
4 files modified
46 ■■■■ changed files
examplesite/static/images/profile.png patch | view | raw | blame | history
layouts/404.html 6 ●●●●● patch | view | raw | blame | history
layouts/partials/taxonomy/categories.html 3 ●●●● patch | view | raw | blame | history
layouts/partials/taxonomy/tags.html 5 ●●●●● patch | view | raw | blame | history
static/css/style.css 32 ●●●●● patch | view | raw | blame | history
examplesite/static/images/profile.png
layouts/404.html
@@ -0,0 +1,6 @@
{{- define "main" -}}
<div class="page_404">
    <p>The page you are looking for is missing</p>
</div>
{{- end -}}
layouts/partials/taxonomy/categories.html
@@ -1,7 +1,6 @@
<i class="fa fa-folder"></i>
<span class="separator">
{{- range $index, $el := . -}}
    <a href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}">{{ . }}</a>
    <a class="category" href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}">{{ . }}</a>
{{- end -}}
</span>
layouts/partials/taxonomy/tags.html
@@ -1,7 +1,6 @@
    <i class="fa fa-hashtag"></i>
      <span class="separator">
    <span class="separator">
        {{- range $index, $el := . -}}
      <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}">{{ . }}</a>
      <a class="tag" href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}">{{ . }}</a>
      {{- end -}}
    </span>
static/css/style.css
@@ -23,6 +23,36 @@
  text-decoration: none;
}
.category {
  padding: 4px 6px;
  border-radius: 3px;
  color: #fff;
  background-color: #f9f9fd;
  border: 1px solid #f2f2f2;
}
.tag::before {
  content: "#";
  opacity: .5;
}
.tag, .category {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  margin: 5px 8px 5px 0;
}
pre {
  background-color: #f9f9fd;
  padding: 5px;
}
.info i{
  opacity: 0.5;
  margin-right: 5px;
}
a:link, a:visited {
  opacity: 1;
  -webkit-transition: all .15s linear;
@@ -660,6 +690,8 @@
  padding-top: 50px;
}
@media screen and (max-width: 960px) {
  .sidebar {
    width: 100%;