zoomyboy
/
wn-discoteam-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add nunito font
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2024-02-13 01:41:48 +01:00
parent c0df801e31
commit 14d041a479
13 changed files with 92 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/base.htm
View File

@ -3,7 +3,7 @@
<!doctype html>
<html lang="it">
{% partial 'shared/head' %}
<body class="font-sans dark">
<body class="font-nunito dark">
{% partial 'shared/header' %}
{% page %}
{% partial 'shared/footer' %}

14
pages/homepage.htm
View File

@ -7,16 +7,16 @@ is_hidden = 0
==
<div class="relative">
<img src="https://place-hold.it/1920x450" />
<img src="{{'header.jpg' | media }}" class="max-w-full h-auto" />
<div class="absolute top-0 w-full left-0 flex justify-center">
<div class="flex justify-center items-center mt-10 rounded-full border-2 border-gray-900 text-xl font-bold overflow-hidden">
<a class="bg-gray-400 text-gray-800 hover:text-gray-900 py-4 px-6 hover:bg-gray-500 transition duration-400" href="#ablauf">Ablauf</a>
<a class="bg-gray-400 text-gray-800 hover:text-gray-900 py-4 px-6 hover:bg-gray-500 transition duration-400" href="#buchen">Buchungsanfrage</a>
<a class="bg-gray-400 text-gray-800 hover:text-gray-900 py-4 px-6 hover:bg-gray-500 transition duration-400" href="#faq">FAQ</a>
<div class="flex justify-center items-center mt-10 rounded-full border-2 border-neutral-900 text-xl font-bold overflow-hidden">
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#ablauf">Ablauf</a>
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#buchen">Buchungsanfrage</a>
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#faq">FAQ</a>
</div>
</div>
<section class="py-10 comtainer mx-auto">
<section id="ablauf" class="py-10 comtainer mx-auto">
{% partial 'heading' title="Ablauf" %}
<div class="px-6">
{% partial 'listelement' title="Anfragen" number="1" content='Fülle das folgende <a href="#buchen">Formular</a> aus und sende uns so eine Buchungsanfrage.' %}
@ -28,7 +28,7 @@ is_hidden = 0
</div>
</section>
<section class="py-10 container mx-auto">
<section id="anfrage" class="py-10 container mx-auto">
{% partial 'heading' title="Anfrage" %}
{% component 'anfrage' %}
</section>

2
partials/listelement.htm
View File

@ -1,5 +1,5 @@
<div class="mt-3">
<div class="flex items-center">
<div class="flex">
<div class="flex-none bg-gray-900 text-white w-12 h-12 flex items-center justify-center rounded-full text-2xl">{{number}}</div>
<div class="ml-5">
<div class="text-2xl">{{title}}</div>

8
resources/css/app.css
View File

@ -1,8 +1,10 @@
@import '_tailwind-base.css';
@import "_tailwind-base.css";
/*@import "_custom-base-styles.css";*/
@import '_tailwind-components.css';
@import "_tailwind-components.css";
/*@import '_custom-components.css';*/
@import '_tailwind-utilities.css';
@import "_tailwind-utilities.css";
/*@import "_custom-utilities.css";*/
@import "./fonts.css";

48
resources/css/fonts.css Normal file
View File

@ -0,0 +1,48 @@
/* nunito-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 400;
src: url("../fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 500;
src: url("../fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 600;
src: url("../fonts/nunito-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 700;
src: url("../fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 800;
src: url("../fonts/nunito-v26-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 900;
src: url("../fonts/nunito-v26-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

BIN
resources/fonts/nunito-v26-latin-500.woff2 Normal file
View File

Binary file not shown.

BIN
resources/fonts/nunito-v26-latin-600.woff2 Normal file
View File

Binary file not shown.

BIN
resources/fonts/nunito-v26-latin-700.woff2 Normal file
View File

Binary file not shown.

BIN
resources/fonts/nunito-v26-latin-800.woff2 Normal file
View File

Binary file not shown.

BIN
resources/fonts/nunito-v26-latin-900.woff2 Normal file
View File

Binary file not shown.

BIN
resources/fonts/nunito-v26-latin-regular.woff2 Normal file
View File

Binary file not shown.

6
tailwind.config.js
View File

@ -1,7 +1,11 @@
module.exports = {
content: ["./**/*.htm", "./node_modules/flowbite/**/*.js"],
theme: {
extend: {},
extend: {
fontFamily: {
nunito: ["Nunito", "sans-serif"],
},
},
},
plugins: [require("@tailwindcss/forms"), require("flowbite/plugin")],
};

53
vite.config.js
View File

@ -1,33 +1,30 @@
const Dotenv = require('dotenv')
import liveReload from 'vite-plugin-live-reload'
const Dotenv = require("dotenv");
import liveReload from "vite-plugin-live-reload";
Dotenv.config();
const ASSET_URL = process.env.ASSET_URL || 'http://localhost:3000';
const VITE_INPUT = process.env.VITE_INPUT || 'resources/js/app.js';
const ASSET_URL = process.env.ASSET_URL || "http://localhost:3000";
const VITE_INPUT = process.env.VITE_INPUT || "resources/js/app.js";
export default ({command}) => {
return {
base: command === 'serve' ? '' : '/build/',
/*base: `${ASSET_URL}`,*/
publicDir: 'fake_dir_so_nothing_gets_copied',
build: {
manifest: true,
outDir: 'build',
rollupOptions: {
input: `${VITE_INPUT}`
},
},
server: {
strictPort: true,
port: 3000,
},
resolve: {
extensions: ['.js','.mjs']
},
plugins: [
liveReload('./**/*.htm'),
]
}
export default ({ command }) => {
return {
base: command === "serve" ? "/themes/vite-tailwind" : "/build/",
/*base: `${ASSET_URL}`,*/
publicDir: "fake_dir_so_nothing_gets_copied",
build: {
manifest: true,
outDir: "build",
rollupOptions: {
input: `${VITE_INPUT}`,
},
},
server: {
strictPort: true,
port: 3000,
},
resolve: {
extensions: [".js", ".mjs"],
},
plugins: [liveReload("./**/*.htm")],
};
};