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> <!doctype html>
<html lang="it"> <html lang="it">
{% partial 'shared/head' %} {% partial 'shared/head' %}
<body class="font-sans dark"> <body class="font-nunito dark">
{% partial 'shared/header' %} {% partial 'shared/header' %}
{% page %} {% page %}
{% partial 'shared/footer' %} {% partial 'shared/footer' %}

14
pages/homepage.htm
View File

@ -7,16 +7,16 @@ is_hidden = 0
== ==
<div class="relative"> <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="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"> <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-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-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-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-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-gray-400 text-gray-800 hover:text-gray-900 py-4 px-6 hover:bg-gray-500 transition duration-400" href="#faq">FAQ</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>
</div> </div>
<section class="py-10 comtainer mx-auto"> <section id="ablauf" class="py-10 comtainer mx-auto">
{% partial 'heading' title="Ablauf" %} {% partial 'heading' title="Ablauf" %}
<div class="px-6"> <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.' %} {% 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> </div>
</section> </section>
<section class="py-10 container mx-auto"> <section id="anfrage" class="py-10 container mx-auto">
{% partial 'heading' title="Anfrage" %} {% partial 'heading' title="Anfrage" %}
{% component 'anfrage' %} {% component 'anfrage' %}
</section> </section>

2
partials/listelement.htm
View File

@ -1,5 +1,5 @@
<div class="mt-3"> <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="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="ml-5">
<div class="text-2xl">{{title}}</div> <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 "_custom-base-styles.css";*/
@import '_tailwind-components.css'; @import "_tailwind-components.css";
/*@import '_custom-components.css';*/ /*@import '_custom-components.css';*/
@import '_tailwind-utilities.css'; @import "_tailwind-utilities.css";
/*@import "_custom-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 = { module.exports = {
content: ["./**/*.htm", "./node_modules/flowbite/**/*.js"], content: ["./**/*.htm", "./node_modules/flowbite/**/*.js"],
theme: { theme: {
extend: {}, extend: {
fontFamily: {
nunito: ["Nunito", "sans-serif"],
},
},
}, },
plugins: [require("@tailwindcss/forms"), require("flowbite/plugin")], plugins: [require("@tailwindcss/forms"), require("flowbite/plugin")],
}; };

53
vite.config.js
View File

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