rm hugo submodule, simplify docs site

This commit is contained in:
Kevin Schoon 2021-07-28 19:49:26 -04:00
parent eccaca0dc4
commit b2fc750ed3
6 changed files with 100 additions and 112 deletions

View File

@ -1,19 +1,4 @@
baseURL = "/pomo"
languageCode = "en-us"
title = "Pomo"
theme = "minimal"
#disqusShortname = "username" # delete this to disable disqus comments
#googleAnalytics = ""
baseURL = "/pomo"
[params]
author = "Kevin Schoon"
description = "Pomodoro Command Line Interface"
githubUsername = "#"
accent = "red"
showBorder = true
backgroundColor = "white"
font = "Raleway" # should match the name on Google Fonts!
highlight = true
highlightStyle = "solarized-dark"
highlightLanguages = ["go", "haskell", "kotlin", "scala", "swift"]
profilePic = "./tomato.png"

View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
{{- block "title" . -}}
{{ .Site.Title }}
{{- end }}
</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/pure.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Code that all your templates share, like a header -->
<div class="content">
{{- block "main" . }}
<!-- The part of the page that begins to differ between templates -->
{{ end }}
</div>
{{- block "footer" . -}}
<div id="footer">
<small>
{{ now.Format "2006"}}
</small>
</div>
{{ end }}
</body>
</html>

View File

@ -1,25 +1,15 @@
{{ partial "header" . }}
{{ define "main" }}
<main>
<div class="intro">
{{ with .Site.Params.profilePic }} <img class="profile" src="{{ . }}"> {{ end }}
<h1>{{ .Site.Title }}</h1>
<h2>{{ markdownify .Site.Params.Description }}</h2>
<div class="btn-group" role="group" aria-label="...">
<a class="btn btn-default" href="https://github.com/kevinschoon/pomo">github</a>
<a class="btn btn-default" href="https://github.com/kevinschoon/pomo/releases">releases</a>
<a href="https://github.com/kevinschoon/pomo"> <img class="tomato" src="/tomato.png" /> </a>
<h1> Pomo </h1>
<h1> Pomodoro Command Line Interface </h1>
<img class="demo" src="/demo.gif" />
</div>
</div>
<div class="readme">
{{ index .Site.Data.readme "content" | markdownify }}
</div>
</main>
{{ end }}

View File

@ -1,109 +1,83 @@
html,
body {
height: 100%;
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding-top: 55px;
display: flex;
text-align: center;
flex-direction: column;
:root {
--accent: #b1675d;
--light-gray: #eee;
--dark-gray: #c2c2c2;
--white: #f8f9fa;
--black: #2d2d2d;
--border-width: 5px;
}
main {
margin: auto;
padding: 25px;
flex: 1 0 auto;
max-width: 1200px;
body {}
h1,
h2,
h3,
h4,
h5,
h6,
label {
color: var(--black);
}
/*footer*/
.copyright {
margin: 15px 0;
}
/*home page*/
/*
.intro {
transform: translateY(22vh);
}
*/
.intro>h1 {
color: #212121;
font-size: 12vh;
text-align: center;
}
.intro>h2 {
color: #757575;
font-size: 3vmin;
.tomato {
max-width: 20em;
}
.intro>.profile {
width: 10vh;
height: 10vh;
border-radius: 50%;
}
div.readme {
text-align: left !important;
padding-top: 50px;
}
/*apply accent colour to links*/
a:link,
a:visited {
color: var(--accent);
}
a.icon:hover {
.icons a {
text-decoration: none;
}
a:hover {
color: var(--accent) !important;
.icons svg {
margin-left: 10px;
margin-right: 10px;
}
/*paginator at bottom of list view*/
.pages {
padding: 15px 0;
.content {
margin: auto;
padding-top: 5em;
}
.pages-icon {
padding: 0 15px;
.readme {
font-size: 12px;
}
/*list item for posts and projects*/
.item {
padding: 10px 0;
.content h1,h2,h3,h4,h5,h6 {
padding: .2em;
}
.item-tag {
background-color: var(--accent);
.center-splash {
text-align: center;
}
/*navigation bar icons*/
.navbar-icon {
font-size: 125%;
display: inline-block !important;
.splash-image img {
border-radius: 2em;
}
/*coloured borders at top and bottom of the page*/
.navbar.navbar-default {
border-top: var(--border-width) solid var(--accent);
@media screen and (max-height: 600px) {
.center-splash {
padding-top: 10%;
}
}
footer {
border-bottom: var(--border-width) solid var(--accent);
@media screen and (max-width: 900px) {
.splash-image img {
max-height: 250px;
}
}
img {
max-width: 100%;
@media screen and (min-width: 900px) {
.content {
max-width: 75% ;
}
}

11
www/static/css/pure.css Normal file

File diff suppressed because one or more lines are too long

@ -1 +0,0 @@
Subproject commit 7d929851ffdd5a0752d8b1f05596cf7cbf907982