change css
This commit is contained in:
parent
45792d24eb
commit
2c989fa9cd
|
@ -1 +1,2 @@
|
|||
.hugo_build.lock
|
||||
node_modules
|
|
@ -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
|
||||
```
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
|
||||
{{- define "main" -}}
|
||||
<a href="/">Zurück</a>
|
||||
|
||||
<h3>{{ .Page.Title }}</h3>
|
||||
|
||||
{{ .Content }}
|
||||
|
|
|
@ -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
|
||||
}
|
File diff suppressed because it is too large
Load Diff
|
@ -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"
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -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"],
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue