gaiety/fursona
gaiety/fursona
1
0
Fork 0
Code Activity

tailwind, theme setup

Browse source
This commit is contained in:
Ava Gaiety Wroten 2021-04-26 21:04:27 -05:00
parent 8ba1ae2f3d
commit 0b51b1ecec
7 changed files with 3800 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3739
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

8
package.json
View file

@ -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
View file

@ -0,0 +1,6 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
}
}

28
src/_includes/default.njk Normal file
View 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>

6
src/index.md
View file

@ -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
View file

@ -0,0 +1,4 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

11
tailwind.config.js Normal file
View file

@ -0,0 +1,11 @@
module.exports = {
purge: ['./src/*.njk'],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
}