import old stylesheets

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/starter"]
+	path = themes/starter
+	url = https://github.com/jimfrenette/hugo-starter.git

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

assets/css/basic.scss

@@ -0,0 +1,48 @@
+@import "variables";
+@import "fonts";
+
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: var(--background);
+  color: var(--foreground);
+  font-family: 'Ubuntu', sans-serif;
+  max-width: 1000px;
+  margin: 0 auto;
+  box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5);
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  padding:10px;
+
+
+
+
+}
+a, .link{
+  transition: 0.3s;
+  color: $link-color;
+  text-decoration: none;
+   &:hover, &:focus{
+     color: var(--pink)
+   }
+ }
+
+@media (min-width: 1000px) {
+  box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
+}
+
+.h1{
+  font-family: 'Mononoki Bold', 'Fira Code SemiBold' ;
+  font-size: 2em;
+}
+
+.App {
+}
+
+@import "logo";
+@import "elements/page-links";
+@import "elements/recent-list";
+@import "elements/contacts";
+@import "elements/portfolio-project";
+@import "elements/blog-post-preview";

assets/css/elements/blog-post-preview.scss

@@ -0,0 +1,63 @@
+.blog-posts{
+  list-style: none;
+  padding: 0;
+  font-family: 'Cuprum', sans-serif;
+  transition: 0.5s;
+}
+.blog-posts__item{
+  font-family: 'Cuprum', sans-serif;
+  color: var(--foreground);
+  &::before, &::after{
+    content: '' !important;
+  }
+
+  &--right{
+    & p{
+      text-align: right;
+    }
+    & ul{
+      flex-direction: row-reverse;
+    }
+  }
+  &--left{
+    text-align: left;
+  }
+}
+
+.nothing{
+  font-family: 'Mononoki Bold', monospace;
+  text-align: center;
+}
+
+.blog-post__header{
+  color: $header-color;
+  & a{
+    color: $header-color;
+  }
+}
+
+.blog-info__list{
+  list-style: none;
+  padding: 0;
+  display: flex;
+}
+
+.blog-info__item{
+  margin-right: 20px;
+  color: var(--orange);
+  display: flex;
+  align-items: center;
+
+  &--created{
+    &::before{
+      content: url("../../svg/watch.svg");
+      margin-right: 10px;
+    }
+  }
+  &--reading-time{
+    &::before{
+      content: url("../../svg/stopwatch.svg");
+      margin-right: 10px;
+    }
+  }
+}

assets/css/elements/contacts.scss

@@ -0,0 +1,18 @@
+.contacts{
+  list-style: none;
+  padding: 0;
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin: 0 auto;
+}
+
+.contact-link{
+  text-decoration: none;
+  font-size: 0.3em;
+  color: var(--cyan);
+  line-height: 0.8em;
+  margin:10px 15px;
+  display: block;
+
+}

assets/css/elements/page-links.scss

@@ -0,0 +1,24 @@
+.page-list{
+  list-style: none;
+  display: flex;
+  justify-content: space-between;
+  width: 300px;
+  margin: 0 auto;
+  font-family: Mononoki;
+  padding: 0;
+}
+
+.page-link{
+  font-size: 0.4em;
+  line-height: $ascii-line-height;
+  width: 100px;
+  transition: 0.3s;
+  & a{
+    color: $header-color;
+    text-decoration: none;
+    display: block;
+    &:hover, &:focus{
+      color: var(--pink)
+    }
+  }
+}

assets/css/elements/portfolio-project.scss

@@ -0,0 +1,85 @@
+.portfolio{
+  list-style: none;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+
+}
+.project{
+  display: flex;
+  flex-direction: column;
+  padding: 26px;
+  box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
+  border-radius: 10px;
+  background: var(--background);
+  font-family: $main-font;
+  text-align: center;
+  margin: 20px 0;
+  max-width: 70vw;
+  transition: 0.3s;
+  &:hover, &:focus{
+    box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.5);
+  }
+
+}
+.project-name{
+  color: $header-color;
+  margin: 0;
+  & a{
+    color: $header-color;
+    text-decoration: none;
+  }
+}
+
+.project-gallery{
+  list-style: none;
+  padding: 0;
+}
+
+.project-links{
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+
+}
+
+.project-link{
+  margin-right: 10px;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  vertical-align: center;
+ &::before{
+   margin-right: 10px;
+ }
+  &--github{
+    &::before{
+      content: url("../../svg/github-icon.svg");
+    }
+  }
+  &--iphone{
+    &::before{
+      content: url("../../svg/appstore.svg");
+    }
+  }
+  &--android{
+    &::before{
+      content: url("../../svg/googleplay.svg");
+    }
+  }
+  &--app-page{
+    &::before{
+      content: url("../../svg/app-page.svg");
+    }
+  }
+}
+
+.project-link__logo{
+  margin-right: 10px;
+  width: 30px;
+}

assets/css/elements/recent-list.scss

@@ -0,0 +1,77 @@
+.recent{
+  margin: 0 auto;
+}
+.recent-header{
+  text-align: center;
+}
+
+.recent-list{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+}
+
+.recent-block{
+
+  text-decoration: none;
+  font-family: Mononoki, monospace;
+  font-size: 1.3em;
+
+  box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
+  background: var(--background);
+  border-radius: 10px;
+  word-break: break-word;
+
+  display: flex;
+  align-items: center;
+  align-content: center;
+
+  margin: 20px 0;
+  padding:10px 20px;
+  width: max-content;
+  max-width: 80vw;
+  color: var(--cyan);
+
+  transition: 0.2s;
+
+  &--left{
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    &::before {
+      content: '📜';
+      margin: 5px;
+      display: flex;
+      align-items: center;
+      align-content: center;
+    }  margin-right: auto;
+    &:hover, &:focus{
+      padding-left: 40px;
+    }
+    &:active{
+      padding-left: 0;
+    }
+  }
+
+  &--right{
+    &::after {
+      content: url("../../../src/svg/github-icon.svg");
+      margin: 5px;
+      display: flex;
+      align-items: center;
+      align-content: center;
+
+    }
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+    margin-left: auto;
+
+    &:hover, &:focus{
+      padding-right: 40px;
+    }
+    &:active{
+      padding-right: 0;
+    }
+  }
+}
+

assets/css/fonts.scss

@@ -0,0 +1,26 @@
+@font-face {
+  font-family: 'Mononoki';
+  src: url('fonts/mononoki-Regular.eot');
+  src: url('fonts/mononoki-Regular.eot') format('embedded-opentype'),
+       url('fonts/mononoki-Regular.ttf') format('truetype'),
+       url('fonts/mononoki-Regular.woff2') format('woff2'),
+       url('fonts/mononoki-Regular.woff') format('woff')
+}
+
+@font-face {
+  font-family: 'Mononoki Bold';
+  src: url('fonts/mononoki-Bold.eot');
+  src: url('fonts/mononoki-Bold.eot') format('embedded-opentype'),
+url('fonts/mononoki-Bold.ttf') format('truetype'),
+url('fonts/mononoki-Bold.woff2') format('woff2'),
+url('fonts/mononoki-Bold.woff') format('woff')
+}
+
+@font-face {
+  font-family: 'Mononoki';
+  src: url('fonts/mononoki-Regular.eot');
+  src: url('fonts/mononoki-Regular.eot') format('embedded-opentype'),
+url('fonts/mononoki-Regular.ttf') format('truetype'),
+url('fonts/mononoki-Regular.woff2') format('woff2'),
+url('fonts/mononoki-Regular.woff') format('woff')
+}

assets/css/logo.scss

@@ -0,0 +1,29 @@
+
+.logo--wrapper {
+  display: grid;
+  font-family: Mononoki, 'Fira Code',monospace, Ubuntu;
+}
+.logo-quote {
+  text-align: center;
+  color: var(--foreground);
+  margin: 10px auto 28px;
+  max-width: 300px;
+
+}
+.logo{
+  margin: 0 auto;
+  margin-top: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  align-content: center;
+  font-family: Mononoki, 'Fira Code',monospace, Ubuntu;
+}
+
+.toilet-logo{
+  color: var(--orange);
+  font-size: 0.9em;
+  line-height: $ascii-line-height;
+  margin: 0;
+  font-family: Mononoki, 'Fira Code',monospace, Ubuntu;
+}

assets/css/variables.scss

@@ -0,0 +1,18 @@
+:root {
+  --background: #282A36 ;
+  --comment: #6272A4 ;
+  --selection: #44475A ;
+  --foreground: #F8F8F2 ;
+  --cyan: #8BE9FD ;
+  --orange: #FFB86C;
+  --green: #50FA7B ;
+  --pink: #FF79C6 ;
+  --purple: #BD93F9 ;
+  --red: #FF5555 ;
+  --yellow: #F1FA8C;
+}
+
+$ascii-line-height: 1.115em;
+$header-color: var(--green);
+$main-font: 'Mononoki', monospace;
+$link-color: var(--cyan);

assets/scss/main.scss

@@ -0,0 +1,9 @@
+body{
+background: #ff0000;
+}
+h1 {
+a {
+font-family: "Mononoki";
+font-weight: bold;
+    }
+}

config.toml

@@ -0,0 +1,3 @@
+baseURL = "http://example.org/"
+languageCode = "en-us"
+title = "My New Hugo Site"

content/posts/my-first-post.md

@@ -0,0 +1,52 @@
+---
+title: "My First Post"
+date: 2021-01-02T17:36:19+02:00
+draft: true
+---
+
+# Yay Beatch
+**nice**
+*nice*
+``` Rust
+println!("nice nice");
+println!("nice nice");
+```
+
+
+
+    Lorem Ipsum
+        Images
+        Plugins
+        Generators
+    English
+        Deutsch
+        Español
+        Français
+        Русский
+
+Lorem Ipsum Generator
+
+Generate Lorem Ipsum placeholder text. Select the number of characters, words, sentences or paragraphs, and hit generate!
+Generated Lorem Ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Nec nam aliquam sem et tortor consequat id. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Cras semper auctor neque vitae. Enim sit amet venenatis urna cursus eget nunc scelerisque viverra. Gravida in fermentum et sollicitudin. Potenti nullam ac tortor vitae. Pretium nibh ipsum consequat nisl vel pretium. Purus semper eget duis at tellus at urna. Duis ultricies lacus sed turpis tincidunt id. Ut tristique et egestas quis ipsum suspendisse. Rhoncus urna neque viverra justo. Nisl tincidunt eget nullam non nisi est sit amet. Semper feugiat nibh sed pulvinar proin.
+
+Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Enim ut sem viverra aliquet eget sit amet tellus cras. Pharetra magna ac placerat vestibulum lectus mauris ultrices. Tincidunt lobortis feugiat vivamus at augue eget. Arcu ac tortor dignissim convallis aenean et tortor. Pulvinar pellentesque habitant morbi tristique senectus et netus et. Sed turpis tincidunt id aliquet risus. Vel pretium lectus quam id leo in. Laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean. Vulputate eu scelerisque felis imperdiet proin fermentum leo vel orci. Molestie at elementum eu facilisis sed. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu. Fringilla phasellus faucibus scelerisque eleifend. Vitae aliquet nec ullamcorper sit amet risus nullam eget. Elementum nibh tellus molestie nunc. A diam maecenas sed enim ut sem viverra.
+
+Mattis aliquam faucibus purus in massa. Id leo in vitae turpis massa sed elementum tempus egestas. Velit sed ullamcorper morbi tincidunt ornare. Ante metus dictum at tempor commodo ullamcorper a lacus. In vitae turpis massa sed elementum tempus egestas sed. Nisi vitae suscipit tellus mauris. Accumsan sit amet nulla facilisi morbi tempus iaculis urna. Pulvinar pellentesque habitant morbi tristique. Sit amet dictum sit amet. Consequat mauris nunc congue nisi vitae suscipit tellus. Donec pretium vulputate sapien nec sagittis. Dignissim suspendisse in est ante in nibh mauris cursus. Non diam phasellus vestibulum lorem. Urna porttitor rhoncus dolor purus non. Mauris vitae ultricies leo integer malesuada nunc. Et leo duis ut diam quam. Laoreet non curabitur gravida arcu. Id ornare arcu odio ut sem. Dui nunc mattis enim ut tellus elementum sagittis. Ac odio tempor orci dapibus ultrices in iaculis nunc.
+
+Maecenas ultricies mi eget mauris pharetra et ultrices neque. Amet dictum sit amet justo donec enim diam vulputate ut. Aliquet risus feugiat in ante. Ut sem nulla pharetra diam sit amet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus. Sit amet volutpat consequat mauris. A diam maecenas sed enim ut sem viverra. Nunc consequat interdum varius sit amet. Duis at consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel facilisis. Malesuada pellentesque elit eget gravida cum. Sit amet nulla facilisi morbi tempus iaculis urna id.
+
+Pretium nibh ipsum consequat nisl vel pretium lectus. Orci dapibus ultrices in iaculis nunc sed augue lacus. Lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis. Ipsum dolor sit amet consectetur adipiscing elit. Id neque aliquam vestibulum morbi blandit cursus risus at. Sed tempus urna et pharetra pharetra massa massa ultricies mi. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Donec massa sapien faucibus et molestie ac feugiat. Dictum non consectetur a erat nam at lectus urna. Ultrices vitae auctor eu augue ut lectus arcu. Porttitor rhoncus dolor purus non enim. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus a. Consectetur libero id faucibus nisl tincidunt eget.
+© 2015 — 2020
+Privacy Policy
+Sitemap
+
+    Images
+    Plugins
+    Generators
+
+Share the Lorem
+
+Wasai
+

layouts/_default/baseof.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode | default "en-us" }}">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>{{ .Title }}</title>
+	{{ $style := resources.Get "css/basic.scss"  }}
+	{{ $style = $style | toCSS | minify | fingerprint }}
+
+
+	
+	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
+	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+	<link rel="stylesheet" href="{{ $style.Permalink }}">
+
+	{{ with .OutputFormats.Get "RSS" -}}
+		{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
+	{{- end }}
+</head>
+<body>
+	{{ partial "header" . }}
+	{{ block "main" . }}{{ end }}
+	{{ partial "footer" . }}
+</body>
+</html>

layouts/_default/list.html

@@ -0,0 +1,16 @@
+{{ define "main" }}
+	<main>
+		{{ if or .Title .Content }}
+		<div>
+			{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+			{{ with .Content }}<div>{{ . }}</div>{{ end }}
+		</div>
+		{{ end }}
+
+		{{ range .Paginator.Pages }}
+			{{ .Render "summary" }}
+		{{ end }}
+		{{ partial "pagination.html" . }}
+	</main>
+{{ partial "sidebar.html" . }}
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,26 @@
+{{ define "main" }}
+	<main>
+		<article>
+			<h1>{{ .Title }}</h1>
+			<time>{{ .Date.Format "02.01.2006 15:04" }}</time>
+			<div>
+				{{ .Content }}
+			</div>
+			{{ with .Params.tags }}
+			<div>
+				<ul id="tags">
+					{{ range . }}
+					<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
+					{{ end }}
+				</ul>
+			</div>
+			{{ end }}
+			{{ with .Site.DisqusShortname }}
+			<div>
+				{{ template "_internal/disqus.html" . }}
+			</div>
+			{{ end }}
+		</article>
+	</main>
+{{ partial "sidebar.html" . }}
+{{ end }}

layouts/_default/summary.html

@@ -0,0 +1,13 @@
+<article class="article">
+	<h1><a class="article__link" href="{{ .Permalink }}">{{ .Title }}</a></h1>
+	<time>{{ .Date.Format "02.01.2006 15:04" }}</time>
+	{{ range .Params.tags }}
+	<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+	{{ end }}
+	<div>
+		{{ .Summary }}
+		{{ if .Truncated }}
+			<a href="{{ .Permalink }}">Read more...</a>
+		{{ end }}
+	</div>
+</article>

layouts/index.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+	<main>
+		{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
+		{{ range $paginator.Pages }}
+			{{ .Render "summary" }}
+		{{ end }}
+		{{ partial "pagination.html" . }}
+	</main>
+{{ partial "sidebar.html" . }}
+{{ end }}

layouts/partials/footer.html

@@ -0,0 +1,3 @@
+<footer>
+	<p>&copy; {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></p>
+</footer>

layouts/partials/header.html

@@ -0,0 +1,12 @@
+<header>
+	<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+	{{ with .Site.Menus.main }}
+	<nav>
+		<ul>
+			{{ range . }}
+			<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
+			{{ end }}
+		</ul>
+	</nav>
+	{{ end }}
+</header>

layouts/partials/pagination.html

@@ -0,0 +1,9 @@
+<div>
+{{ if .Paginator.HasPrev }}
+	<a href="{{ .Paginator.Prev.URL }}">Previous Page</a>
+{{ end }}
+{{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}
+{{ if .Paginator.HasNext }}
+	<a href="{{ .Paginator.Next.URL }}">Next Page</a>
+{{ end }}
+</div>

layouts/partials/sidebar.html

@@ -0,0 +1,14 @@
+<aside>
+	<div>
+		<div>
+			<h3>LATEST POSTS</h3>
+		</div>
+		<div>
+			<ul>
+				{{ range first 5 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
+				<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+				{{ end }}
+			</ul>
+		</div>
+	</div>
+</aside>

resources/_gen/assets/scss/css/basic.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"css/basic.min.a2b540fa95a98263f7bf8c3b07212ccc784dbb543d66475d0a3d5b5e98688d8e.css","MediaType":"text/css","Data":{"Integrity":"sha256-orVA+pWpgmP3v4w7ByEszHhNu1Q9ZkddCj1bXphojY4="}}

resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content

@@ -0,0 +1 @@
+body{background:red}h1 a{font-family:mononoki;font-weight:700}

resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"scss/main.min.618f2092ec2bd1de3b7427264621df2be528e918807aa220deb838b85e4cdae7.css","MediaType":"text/css","Data":{"Integrity":"sha256-YY8gkuwr0d47dCcmRiHfK+Uo6RiAeqIg3rg4uF5M2uc="}}

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -0,0 +1,2 @@
+body {
+  background: #eee; }

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json

@@ -0,0 +1 @@
+{"Target":"scss/main.css","MediaType":"text/css","Data":{}}

static/css/lol.css

@@ -0,0 +1,5 @@
+
+.article{
+  background: red;
+}
+

static/css/main.scss

@@ -0,0 +1,3 @@
+* {
+  width: 10px;
+}

static/css/style.css

@@ -0,0 +1,11 @@
+
+.article{
+  background: red;
+}
+article {
+  color: red;
+}
+
+body{
+  background: green;
+}

static/sass/main.scss

@@ -0,0 +1,3 @@
+body{
+  background:blue;
+}