Add initial content

.gitattributes

@@ -3,3 +3,6 @@ assets/fonts/ filter=lfs diff=lfs merge=lfs -text
 **.png filter=lfs diff=lfs merge=lfs -text
 **.gif filter=lfs diff=lfs merge=lfs -text
 **.mp4 filter=lfs diff=lfs merge=lfs -text
+**.ttf filter=lfs diff=lfs merge=lfs -text
+**.woff filter=lfs diff=lfs merge=lfs -text
+**.woff2 filter=lfs diff=lfs merge=lfs -text

assets/scss/_darktheme.scss

@@ -0,0 +1,112 @@
+* {
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+body {
+	font-family: $default_font, sans-serif;
+	line-height: 1.75em;
+	font-size: 16pt;
+	background-color: $background_color;
+	color: $font_color;
+  margin-left: auto;
+  margin-right: auto;
+  width: 90%;
+  min-width: 400px;
+}
+
+p {
+	font-size: 16pt;
+}
+
+h1 {
+	font-size: 30pt;
+	line-height: 34px;
+}
+
+h2 {
+	font-size: 22pt;
+	line-height: 25px;
+}
+
+h3 {
+	font-size: 18pt;
+	line-height: 27px;
+	padding-top: 15px;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #D8D8D8;
+	border-top: 1px solid #D8D8D8;
+}
+
+hr {
+	height: 1px;
+	background-color: #d8d8d8;
+	border: none;
+	width: 100%;
+	margin: 0px;
+}
+
+a[href] {
+	color: #1e8ad6;
+	&:hover {
+		color: #3ba0e6;
+	}
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+li {
+	line-height: 1.5em;
+}
+
+aside {
+	max-width: 90%;
+	margin: 0 auto;
+	border: 1px solid lightgrey;
+	padding: 5px 15px;
+}
+
+[class *= "sidebar"] {
+			max-width: 90%;
+			margin: 0 auto;
+			border: 1px solid lightgrey;
+			padding: 5px 15px;
+}
+
+[id *= "sidebar"] {
+			max-width: 90%;
+			margin: 0 auto;
+			border: 1px solid lightgrey;
+			padding: 5px 15px;
+}
+
+@media (min-width: 1201px) {
+	body {
+    width: 1150px;
+	}
+}
+
+@media (min-width: 1921px) {
+	body {
+		font-size: 24pt;
+    width: 1500px;
+	}
+  p {
+    font-size: 24pt;
+  }
+
+  h1 {
+    font-size: 50pt;
+  }
+
+  h2 {
+    font-size: 42pt;
+  }
+
+  h3 {
+    font-size: 30pt;
+  }
+}

assets/scss/_fonts.scss

@@ -0,0 +1,66 @@
+// Lato font
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-regular.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-regular.woff') format('woff'),
+      url('/fonts/lato-v20-latin-regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-700.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-700.woff') format('woff'),
+      url('/fonts/lato-v20-latin-700.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-900.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-900.woff') format('woff'),
+      url('/fonts/lato-v20-latin-900.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-700italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-700italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-700italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-900italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-900italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-900italic.ttf') format('truetype');
+}

assets/scss/_variables.scss

@@ -0,0 +1,3 @@
+$default_font: Lato;
+$background_color: #222;
+$font_color: #f5f1f0;

assets/scss/main.scss

@@ -0,0 +1,6 @@
+// Parameter
+@import "_fonts";
+@import "_variables";
+
+// CSS
+@import "_darktheme";

assets/scss/sitemap.scss

@@ -0,0 +1,16 @@
+@import "_variables";
+
+urlset {
+  background-color: $background_color;
+  url {
+    color: $font_color;
+    &:after {
+      content: '\a';
+      white-space: pre;
+    }
+    &:before {
+      content: '> ';
+      white-space: pre;
+    }
+  }
+}

content/contents.lr

@@ -0,0 +1,17 @@
+title: Ansible Roles
+---
+body:
+
+This is a basic demo website that shows how to use Lektor for a basic
+website with some pages.
+---
+table:
+
+#### table ####
+name: Ansible Role Gitea
+----
+galaxy_name: do1jlr.gitea
+----
+galaxy_url: https://galaxy.ansible.com/do1jlr/gitea
+----
+galaxy_icon: https://raw.githubusercontent.com/roles-ansible/ansible_role_gitea/main/.github/galaxy.svg

content/sitemap.xml/contents.lr

@@ -0,0 +1,4 @@
+_template: sitemap.xml
+---
+_model: none
+_discoverable: no

flowblocks/table.ini

@@ -0,0 +1,21 @@
+[block]
+name = Add Ansible Repository
+button_label = Add Ansible Repo
+
+[fields.name]
+label = Ansible Role Name
+type = string
+
+[fields.galaxy_name]
+label = Ansible Galaxy Name
+type = string
+width = 1/3
+
+[fields.galaxy_url]
+label = Ansible Galaxy Address
+type = url
+width = 2/3
+
+[fields.galaxy_icon]
+label = Ansible Galaxy Icon
+type = url

models/page.ini

@@ -0,0 +1,16 @@
+[model]
+name = Page
+label = {{ this.title }}
+
+[fields.title]
+label = Title
+type = string
+
+[fields.table]
+label = Our Ansible Roles
+type = flow
+flow_blocks = table
+
+[fields.body]
+label = Body
+type = markdown

templates/layout.html

@@ -0,0 +1,25 @@
+<!doctype html>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="{{ '/css/main.min.css' | asseturl }}">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="sitemap" type="application/xml" title="Sitemap" href="{{ '/sitemap.xml' | url(external=true) }}" />
+  <meta name="generator" content="lektor" />
+  <meta name="author" content="L3D" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="sitemap" type="application/xml" title="Sitemap" href="{{ '/sitemap.xml' | url(external=true) }}" />
+  <meta property="og:url" content="{{ this | url(external=true) }}" />
+  <meta property="og:type" content="website" />
+  <title>{% block title %}Welcome{% endblock %} — Roles Ansible</title>
+<body>
+  <header>
+    <a href="{{ '/' | url(external=true) }}">
+      <img src="animated_ansible.svg" alt="Animated Ansible Logo" width="420px" height="420px" />
+    </a>
+  </header>
+  <div class="page">
+    {% block body %}{% endblock %}
+  </div>
+  <footer>
+    &copy; Copyright 2023 by L3D - MIT License.
+  </footer>
+</body>

templates/page.html

@@ -0,0 +1,6 @@
+{% extends "layout.html" %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  <h2>{{ this.title }}</h2>
+  {{ this.body }}
+{% endblock %}

templates/sitemap.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="{{ 'css/sitemap.min.css'|asseturl }}" type="text/css" ?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  {%- for page in [site.root] if page != this recursive %}
+    {%- if not page.hide_from_global_index %}
+  <url><loc>{{ page|url(external=true) }}</loc></url>
+  {{- loop(page.children) }}
+    {%- endif %}
+  {%- endfor %}
+</urlset>