diff options
| -rw-r--r-- | CHANGELOG.md | 5 | ||||
| -rw-r--r-- | LICENSE | 21 | ||||
| -rw-r--r-- | README.md | 3 | ||||
| -rw-r--r-- | blueprints.yaml | 32 | ||||
| -rw-r--r-- | css/website.css | 194 | ||||
| -rw-r--r-- | images/logo.png | bin | 0 -> 8714 bytes | |||
| -rw-r--r-- | screenshot.jpg | bin | 0 -> 15428 bytes | |||
| -rw-r--r-- | sowtheme3.php | 9 | ||||
| -rw-r--r-- | sowtheme3.yaml | 2 | ||||
| -rw-r--r-- | templates/error.html.twig | 8 | ||||
| -rw-r--r-- | templates/home.html.twig | 35 | ||||
| -rw-r--r-- | templates/page.html.twig | 25 | ||||
| -rw-r--r-- | templates/partials/base.html.twig | 0 | ||||
| -rw-r--r-- | templates/partials/navigation.html.twig | 47 | ||||
| -rw-r--r-- | templates/partials/navigation2.html.twig | 53 | ||||
| -rw-r--r-- | thumbnail.jpg | bin | 0 -> 3681 bytes |
16 files changed, 434 insertions, 0 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..d4cf15c --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,5 @@ +# v0.1.0 +## 04/08/2023 + +1. [](#new) + * ChangeLog started... @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2023 sowgro + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..d7d1fbb --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +This is the grav theme used for my website. + +[Grav CMS](http://github.com/getgrav/grav) diff --git a/blueprints.yaml b/blueprints.yaml new file mode 100644 index 0000000..76bc4d4 --- /dev/null +++ b/blueprints.yaml @@ -0,0 +1,32 @@ +name: Sowtheme +slug: sowtheme +type: theme +version: 0.1.0 +description: Theme used for my website +icon: rebel +author: + name: sowgro + email: tylerferrari0@gmail.com +homepage: https://github.com/sowgro/grav-sowtheme +demo: https://sowgro.net +keywords: theme +bugs: https://github.com/sowgro/grav-sowtheme/issues +readme: https://github.com/sowgro/grav-sowtheme/blob/main/README.md +license: MIT + +dependencies: + - { name: grav, version: '>=1.6.0' } + +form: + validation: loose + fields: + dropdown.enabled: + type: toggle + label: Dropdown in Menu + highlight: 1 + default: 1 + options: + 1: PLUGIN_ADMIN.ENABLED + 0: PLUGIN_ADMIN.DISABLED + validate: + type: bool diff --git a/css/website.css b/css/website.css new file mode 100644 index 0000000..77e8626 --- /dev/null +++ b/css/website.css @@ -0,0 +1,194 @@ +html { + color: rgba(220,220,220); + background-color: #181a1b; +} + +body { + height: 100vh; + font-family: 'Inter'; + line-height: 1.7; + margin: 0; + display: flex; + flex-direction: column; +} + +.center { + flex-grow: 1; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.content { + width: 900px; + max-width: 95vw; +} + +img { + max-width: 100%; +} + +blockquote { + background-color: rgba(255,255,255,0.10); + border-left: 10px solid #eee; + margin: 0; + padding: 0 2rem; +} + +code { + display: inline-block; + background: rgba(0,0,0,0.20); + padding: 5px; +} + +/* for large code blocks */ +pre { + overflow-x: auto; +} + +h1 { + line-height: normal; + font-size: 300%; + color: #de6b15; +} + +h2 { + font-size: 200% +} + +h3 { + font-size: 125%; +} + +a { + color: rgba(81,185,255); + text-decoration: none; +} + +a:hover { + color: rgba(81,185,255,0.50); + text-decoration: none; +} + +.date { + margin: 10px; + text-align: center; +} + +.datebox +{ + padding-top: 40px; + display: flex; + flex-direction: row; + justify-content: center; + align-self: center; +} + +/* icon/button stuff */ +@font-face { + font-family: 'Material Symbols Rounded'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v120/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOc7TOVpeRL2w5rwZu2rIelXxc.woff2) format('woff2'); +} + +.icon { + font-family: 'Material Symbols Rounded'; +} + +.iconbutton { + display: flex; + flex-shrink: 0; + justify-content: center; + align-items: center; + margin: 10px; + border-radius: 100px; + width: 40px; + height: 40px; + border-width: 0px; + background-color: #272a2c; + color: white; + font-size: 20px; + text-align: center; + user-select: none; +} + +.iconholder { + display: flex; + flex-shrink: 0; + justify-content: center; + align-items: center; + margin: 10px; + border-radius: 100px; + width: 40px; + height: 40px; + border-width: 0px; + /* background-color: #272a2c; */ + color: rgb(133, 133, 133); + font-size: 20px; + text-align: center; + user-select: none; +} + +.iconbutton:hover { + color: rgba(255, 255, 255, 0.5); + background-color: #272a2c85; +} + +.wrlabel +{ + display: flex; + margin: 5px 0px; + border-width: 0px; + background-color: transparent; + height: 40px; + font-size: 20px; + padding: 0px 10px; + align-items: center; + justify-content: center; +} + +.wrbox +{ + background-color: rgba(0, 0, 0, 0.411); + margin-bottom: 20px; + margin-top: 40px; + display: flex; + flex-direction: row; + align-self: center; + border-radius: 500px; +} + +.wrbutton +{ + z-index: 1; + margin: 5px; + background-color: transparent; + border-radius: 100%; +} + +.wrbutton:hover { + background-color: #0000004d; +} + +.homebutton +{ + margin: 40px 0px 0px 40px; +} + +@media only screen +and (max-device-width: 600px) +{ +.homebutton +{ + margin: 10px 0px 0px 10px; +} + +.wrbox +{ + padding-bottom: 5px; +} +} + + diff --git a/images/logo.png b/images/logo.png Binary files differnew file mode 100644 index 0000000..64be1a9 --- /dev/null +++ b/images/logo.png diff --git a/screenshot.jpg b/screenshot.jpg Binary files differnew file mode 100644 index 0000000..5205ca5 --- /dev/null +++ b/screenshot.jpg diff --git a/sowtheme3.php b/sowtheme3.php new file mode 100644 index 0000000..f157e02 --- /dev/null +++ b/sowtheme3.php @@ -0,0 +1,9 @@ +<?php +namespace Grav\Theme; + +use Grav\Common\Theme; + +class Sowtheme extends Theme +{ + // Access plugin events in this class +} diff --git a/sowtheme3.yaml b/sowtheme3.yaml new file mode 100644 index 0000000..844e6b7 --- /dev/null +++ b/sowtheme3.yaml @@ -0,0 +1,2 @@ +enabled: false + diff --git a/templates/error.html.twig b/templates/error.html.twig new file mode 100644 index 0000000..c945464 --- /dev/null +++ b/templates/error.html.twig @@ -0,0 +1,8 @@ +{% extends 'partials/base.html.twig' %} + +{% block content %} + <div class="lead text-center"> + <h1>Error!</h1> + {{ page.content|raw }} + </div> +{% endblock %} diff --git a/templates/home.html.twig b/templates/home.html.twig new file mode 100644 index 0000000..9bc580d --- /dev/null +++ b/templates/home.html.twig @@ -0,0 +1,35 @@ +<!DOCTYPE html> +{% do assets.addCss('theme://css/website.css', 100) %} +<html> + <head> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + {{ assets.css()|raw }} + <title>{{site.title|e}}</title> + </head> + <body> + <div class="iconholder homebutton"> + <span class="icon">home</span> + </div> + <div class="center"> + <div class="content"> + {% set foo = page.content|raw %} + {% set sp = foo|split(page.header.page_list_placeholder) %} + {{sp[0]|raw}} + {% include 'partials/navigation2.html.twig' %} + {{sp[1]|raw}} + </div> + </div> + <div class=wrbox> + <a class="iconbutton wrbutton wrleft" href="{{page.header.webring.left}}"> + <span class="icon">arrow_back</span> + </a> + <span class="wrlabel">Queso Webring</span> + <a class="iconbutton wrbutton wrright" href="{{page.header.webring.right}}"> + <span class="icon">arrow_forward</span> + </a> + </div> + </body> +</html>
\ No newline at end of file diff --git a/templates/page.html.twig b/templates/page.html.twig new file mode 100644 index 0000000..c00d198 --- /dev/null +++ b/templates/page.html.twig @@ -0,0 +1,25 @@ +<!DOCTYPE html> +{% do assets.addCss('theme://css/website.css', 100) %} +<html> + <head> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + {{ assets.css()|raw }} + <title>{{ header.title|e }}</title> + </head> + <body> + <a href="https://sowgro.net" class="iconbutton homebutton"> + <span class="icon">home</span> + </a> + <div class="center"> + <div class="content"> + {{ page.content|raw }} + </div> + </div> + <div class=datebox> + <span class="date">{{ header.date|e }}</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/templates/partials/base.html.twig b/templates/partials/base.html.twig new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/templates/partials/base.html.twig diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig new file mode 100644 index 0000000..28df6aa --- /dev/null +++ b/templates/partials/navigation.html.twig @@ -0,0 +1,47 @@ +{% macro loop(page) %} + {% for p in page.children.visible %} + {% set current_page = (p.active or p.activeChild) ? 'selected' : '' %} + {% if p.children.visible.count > 0 %} + <li class="has-children {{ current_page|e }}"> + <a href="{{ p.url|e }}"> + {% if p.header.icon %}<i class="fa fa-{{ p.header.icon|e }}"></i>{% endif %} + {{ p.menu|e }} + </a> + <ul> + {{ _self.loop(p) }} + </ul> + </li> + {% else %} + <li class="{{ current_page|e }}"> + <a href="{{ p.url|e }}"> + {% if p.header.icon %}<i class="fa fa-{{ p.header.icon|e }}"></i>{% endif %} + {{ p.menu|e }} + </a> + </li> + {% endif %} + {% endfor %} +{% endmacro %} + +<ul> + {% if config.theme.dropdown.enabled %} + {{ _self.loop(pages) }} + {% else %} + {% for page in pages.children.visible %} + {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %} + <li class="{{ current_page|e }}"> + <a href="{{ page.url|e }}"> + {% if page.header.icon %}<i class="fa fa-{{ page.header.icon|e }}"></i>{% endif %} + {{ page.menu|e }} + </a> + </li> + {% endfor %} + {% endif %} + {% for mitem in site.menu %} + <li> + <a href="{{ mitem.url|e }}"> + {% if mitem.icon %}<i class="fa fa-{{ mitem.icon|e }}"></i>{% endif %} + {{ mitem.text|e }} + </a> + </li> + {% endfor %} +</ul> diff --git a/templates/partials/navigation2.html.twig b/templates/partials/navigation2.html.twig new file mode 100644 index 0000000..2e865bd --- /dev/null +++ b/templates/partials/navigation2.html.twig @@ -0,0 +1,53 @@ +{% macro loop(page) %} + {% for p in page.children.visible %} + {% set current_page = (p.active or p.activeChild) ? 'selected' : '' %} + {% if p.children.visible.count > 0 %} + + <li class="has-children {{ current_page|e }}"> + <a href="{{ p.url|e }}"> + {% if p.header.icon %}<i class="fa fa-{{ p.header.icon|e }}"></i>{% endif %} + {{ p.menu|e }} + </a> + <ul> + {{ _self.loop(p) }} + </ul> + </li> + {% else %} + + <li class="{{ current_page|e }}"> + <a href="{{ p.url|e }}"> + {% if p.header.icon %}<i class="fa fa-{{ p.header.icon|e }}"></i>{% endif %} + {{ p.menu|e }} + </a> + </li> + {% endif %} + {% endfor %} +{% endmacro %} + +<ul> + {% if config.theme.dropdown.enabled %} + {{ _self.loop(pages) }} + + {% else %} + + {% for page in pages.children.visible %} + {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %} + {% if page.menu|e != 'Home' %} + <li class="{{ current_page|e }}"> + <a href="{{ page.url|e }}"> + {% if page.header.icon %}<i class="fa fa-{{ page.header.icon|e }}"></i>{% endif %} + {{ page.menu|e }} + </a> + </li> + {% endif %} + {% endfor %} + {% endif %} + {% for mitem in site.menu %} + <li> + <a href="{{ mitem.url|e }}"> + {% if mitem.icon %}<i class="fa fa-{{ mitem.icon|e }}"></i>{% endif %} + {{ mitem.text|e }} + </a> + </li> + {% endfor %} +</ul> diff --git a/thumbnail.jpg b/thumbnail.jpg Binary files differnew file mode 100644 index 0000000..e82d66e --- /dev/null +++ b/thumbnail.jpg |
