change css

This commit is contained in:
Kekskurse 2023-08-14 12:12:02 +02:00
parent 45792d24eb
commit 2c989fa9cd
Signed by: kekskurse
GPG Key ID: 728ACCB59341E7E4
10 changed files with 1149 additions and 76 deletions

1
.gitignore vendored
View File

@ -1 +1,2 @@
.hugo_build.lock
node_modules

View File

@ -1,47 +0,0 @@
---
title: "Webpage with Forgejo Action"
date: 2023-08-02T14:49:09+02:00
draft: false
---
To keep the Webpage in sync with the state in git we now use a forgejo action pipeline.
```
name: GitHub Pages
on:
push:
branches:
- main # Set a branch to deploy
pull_request:
jobs:
deploy:
runs-on: docker
concurrency:
group: ${{ github.workflow }}-${{ github.ref }}
steps:
- uses: actions/checkout@v3
with:
submodules: true # Fetch Hugo themes (true OR recursive)
fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod
- name: Setup Hugo
uses: https://github.com/peaceiris/actions-hugo@v2
with:
hugo-version: '0.112.0'
# extended: true
- name: Build
run: hugo --minify
- name: copy file via ssh password
uses: https://github.com/appleboy/scp-action@v0.1.4
with:
host: "static.keks.cloud"
username: ${{ secrets.USERNAME }}
key: ${{ secrets.KEY }}
source: "public/*"
target: "/var/www/keks.cloud/"
strip_components: 1
```

View File

@ -1,17 +1,33 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<html lang="{{ .Site.LanguageCode }}" data-theme="lofi">
<head>
<title itemprop="name">{{ .Title }} | {{ .Site.Title }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900' rel='stylesheet' type='text/css'>
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
</head>
<body>
<div class="container" style="margin-top: 30px;">
<div class="container mx-auto font-roboto max-w-4xl">
<div class="flex flex-row justify-between mt-4">
<div>
<a href="/" class="no-underline"><h1 class="mt-0 mb-0">Keks.Cloud</h1></a>
</div>
<ul class="hidden space-x-4 font-light text-xl flex items-center ">
<li class="inline-block text-gray-700 hover:text-sky-800"><a href="#">Home</a></li>
<li class="inline-block text-gray-700 hover:text-sky-800"><a href="#">Services</a></li>
<li class="inline-block text-gray-700 hover:text-sky-800"><a href="#">Price</a></li>
</ul>
<div class="hidden">
<a href="#" class="btn btn-primary bg-sky-800">Account</a>
</div>
</div>
<hr class="mt-3">
{{- block "main" . }}{{- end }}
</div>
</body>
</html>

View File

@ -1,29 +1,42 @@
{{- define "main" -}}
<h1>Keks.Cloud</h1>
<p>Just some Services</p>
<h2>Services</h2>
<div class="flex flex-row text-gray-700 mt-3 mb-3">
<div>
<p class="font-light">Just some Internet Services</p>
</div>
</div>
<h2 class="mt-5">Services</h2>
<ul>
{{ range (where .Site.RegularPages ".Type" "services") }}
<li>
{{ .Title }}
{{ if .Params.serviceurl }}
[<a href="{{ .Params.serviceurl }}">Zum Service</a>]
{{ end }}
{{ if .Content }}
[<a href="{{ .Permalink }}">Documentation</a>]
{{ end }}
{{ if .Params.badge }}
<span style="float: right;">
<img src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/8760?style=flat-square" style="height: 20px;">
<img src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/744?style=flat-square" style="height: 20px;">
<img src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/24?style=flat-square" style="height: 20px;">
</span>
{{ end }}
</li>
<div class="flex flex-col md:flex-row justify-between mt-5 md:mt-0">
<div class="w-3/12">
<span class="text-3xl md:text-lg">{{ .Title }} </span>
</div>
<div class="w-2/12">
{{ if .Params.serviceurl }}
<a href="{{ .Params.serviceurl }}" class="btn btn-lg md:btn-xs btn-primary btn-outline"><i class="ri-external-link-line"></i></a>
{{ else }}
<a href="{{ .Params.serviceurl }}" class="btn btn-lg md:btn-xs btn-primary btn-outline btn-disabled"><i class="ri-external-link-line"></i></a>
{{ end }}
{{ if .Content }}
<a href="{{ .Permalink }}" class="btn btn-lg md:btn-xs btn-primary btn-outline">Docs</a>
{{ else }}
<a href="#" class="btn btn-lg md:btn-xs btn-primary btn-outline btn-disabled">Docs</a>
{{ end }}
</div>
<div class="space-x-2 hidden md:block w-7/12 items-center">
{{ if .Params.badge }}
<img class="float-left my-0 mt-1" src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/8760?style=flat-square">
<img class="float-left my-0 mt-1" src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/744?style=flat-square">
<img class="float-left my-0 mt-1" src="https://sproxy.keks.cloud/?url=https://monitor.keks.cloud/api/badge/{{ .Params.badge }}/uptime/24?style=flat-square">
{{ end }}
</div>
</div>
{{ end }}
</ul>
<h2>News</h2>
<h2 class="mt-5">News</h2>
<ul>
{{ range (where .Site.RegularPages ".Type" "posts") }}
<li>

View File

@ -1,7 +1,5 @@
{{- define "main" -}}
<a href="/">Zurück</a>
<h3>{{ .Page.Title }}</h3>
{{ .Content }}

26
layouts/input.css Normal file
View File

@ -0,0 +1,26 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
li {
@apply list-disc ml-8
}
a {
@apply hover:text-sky-800 underline
}
h1 {
@apply text-5xl text-sky-600 mb-1 mt-3
}
h2 {
@apply text-4xl text-sky-600 mb-1 mt-3
}
h3 {
@apply text-3xl text-sky-600 mb-1 mt-3
}
body {
@apply font-light tracking-wide text-gray-500 leading-7
}
img {
@apply my-3
}

1024
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

10
package.json Normal file
View File

@ -0,0 +1,10 @@
{
"devDependencies": {
"daisyui": "^3.5.1",
"tailwindcss": "^3.3.3"
},
"scripts": {
"dev": "npx tailwindcss -i ./layouts/input.css -o ./static/css/style.css --watch",
"build": "npx tailwindcss -i ./layouts/input.css -o ./static/css/style.css --minify"
}
}

1
static/css/style.css Normal file

File diff suppressed because one or more lines are too long

31
tailwind.config.js Normal file
View File

@ -0,0 +1,31 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./layouts/**/*.{html,js,css}"],
theme: {
fontFamily: {
'roboto': ['Roboto', 'sans-serif'],
},
extend: {},
container: {
// you can configure the container to be centered
center: true,
// or have default horizontal padding
padding: '1rem',
// default breakpoints but with 40px removed
screens: {
sm: '600px',
md: '728px',
lg: '984px',
xl: '1240px',
'2xl': '1496px',
},
},
},
plugins: [require("daisyui")],
daisyui: {
themes: ["lofi"],
}
}