tailwind, theme setup
This commit is contained in:
parent
8ba1ae2f3d
commit
0b51b1ecec
7 changed files with 3800 additions and 2 deletions
3739
package-lock.json
generated
3739
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -5,6 +5,7 @@
|
|||
"main": "index.js",
|
||||
"scripts": {
|
||||
"build": "mkdir -p dist && eleventy --input=./src --output=./dist",
|
||||
"build:styles": "npx postcss ./src/styles.css -o ./dist/styles.css --env production",
|
||||
"start": "mkdir -p dist && eleventy --serve --input=./src --output=./dist"
|
||||
},
|
||||
"repository": {
|
||||
|
@ -18,6 +19,11 @@
|
|||
},
|
||||
"homepage": "https://gitlab.com/gaiety/fursona#readme",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^0.12.1"
|
||||
"@11ty/eleventy": "^0.12.1",
|
||||
"autoprefixer": "^10.2.5",
|
||||
"cssnano": "^5.0.1",
|
||||
"postcss": "^8.2.13",
|
||||
"postcss-cli": "^8.3.1",
|
||||
"tailwindcss": "^2.1.2"
|
||||
}
|
||||
}
|
||||
|
|
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
}
|
||||
}
|
28
src/_includes/default.njk
Normal file
28
src/_includes/default.njk
Normal file
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<meta property="og:title" content="{{ title }}" />
|
||||
<meta property="og:description" content="{{ description }}" />
|
||||
|
||||
<link href="/styles.css" rel="stylesheet">
|
||||
|
||||
<title>{{ title }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="relative bg-indigo-800">
|
||||
<div class="absolute inset-0">
|
||||
<img class="w-full h-full object-cover" src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixqx=Fh0p1UlZgR&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1920&q=60&&sat=-100" alt="">
|
||||
<div class="absolute inset-0 bg-indigo-800" style="mix-blend-mode: multiply;" aria-hidden="true"></div>
|
||||
</div>
|
||||
<div class="relative max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8">
|
||||
<h1 class="text-4xl font-extrabold tracking-tight text-white sm:text-5xl lg:text-6xl">Get in touch</h1>
|
||||
<p class="mt-6 text-xl text-indigo-100 max-w-3xl">
|
||||
{{ content | safe }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,3 +1,9 @@
|
|||
---
|
||||
layout: default
|
||||
title: Gaiety - Dog
|
||||
description: Homepage for the fursona of Gaiety, the doggo.
|
||||
---
|
||||
|
||||
# Gaiety
|
||||
|
||||
Sup
|
||||
|
|
4
src/styles.css
Normal file
4
src/styles.css
Normal file
|
@ -0,0 +1,4 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
11
tailwind.config.js
Normal file
11
tailwind.config.js
Normal file
|
@ -0,0 +1,11 @@
|
|||
module.exports = {
|
||||
purge: ['./src/*.njk'],
|
||||
darkMode: false, // or 'media' or 'class'
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
variants: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
Loading…
Add table
Reference in a new issue