Compare commits
6 commits
main
...
task/3-nav
| Author | SHA1 | Date | |
|---|---|---|---|
 Oliver Davies
|
b032e99b31 | ||
|
Oliver Davies
|
0ca58316c0 | ||
|
Oliver Davies
|
a5dff0b493 | ||
|
Oliver Davies
|
4014f12395 | ||
|
Oliver Davies
|
d6a5af062a | ||
|
Oliver Davies
|
11705f7a4c |
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -1,3 +1,5 @@
|
|||
/node_modules/
|
||||
/public/build/
|
||||
|
||||
###> symfony/framework-bundle ###
|
||||
/.env.local
|
||||
|
|
|
|||
3
assets/css/tailwind.pcss
Normal file
3
assets/css/tailwind.pcss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
14
package.json
14
package.json
|
|
@ -1,5 +1,15 @@
|
|||
{
|
||||
"private": true,
|
||||
"scripts": {},
|
||||
"dependencies": {}
|
||||
"scripts": {
|
||||
"dev": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
|
||||
"prod": "cross-env NODE_ENV=production postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
|
||||
"watch": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css --watch"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.2.4",
|
||||
"cross-env": "^7.0.3",
|
||||
"postcss": "^8.2.6",
|
||||
"postcss-cli": "^8.3.1",
|
||||
"tailwindcss": "^2.0.3"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
11
tailwind.config.js
Normal file
11
tailwind.config.js
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
module.exports = {
|
||||
purge: [],
|
||||
darkMode: false, // or 'media' or 'class'
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
variants: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
|
|
@ -4,10 +4,11 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>{% block title %}Tailwind CSS workshop{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<link rel="stylesheet" href="/build/tailwind.css"/>
|
||||
{% block stylesheets %}{% endblock %}
|
||||
</head>
|
||||
<body class="py-20 font-sans bg-blue-600">
|
||||
<div class="container px-4 mx-auto">
|
||||
<body>
|
||||
<div>
|
||||
{% block body %}{% endblock %}
|
||||
</div>
|
||||
{% block javascripts %}{% endblock %}
|
||||
|
|
|
|||
5
templates/includes/home/intro-text.html.twig
Normal file
5
templates/includes/home/intro-text.html.twig
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<div class="max-w-2xl px-4 py-8 mx-auto text-center">
|
||||
<p class="text-2xl leading-loose text-blue-700">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
|
||||
|
||||
<a class="inline-block px-5 py-4 mt-8 text-2xl text-blue-700 transition-colors duration-200 ease-in-out border-2 border-blue-700 hover:bg-blue-700 focus:bg-blue-700 hover:text-white focus:text-white" href="#0">Learn more</a>
|
||||
</div>
|
||||
19
templates/includes/navbar.html.twig
Normal file
19
templates/includes/navbar.html.twig
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<div class="sticky top-0 z-30 px-4 mx-auto bg-white max-w-screen-2xl">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<a class="absolute" href="#0">
|
||||
<img src="https://www.fldrupal.camp/sites/all/themes/fldc17/images/header-logo-general.svg">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="flex justify-end h-full">
|
||||
<li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Conference</a></li>
|
||||
<li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Sponsors</a></li>
|
||||
<li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Community</a></li>
|
||||
<li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">FAQ</a></li>
|
||||
<li><a class="block px-2 py-4 text-lg font-bold text-white uppercase bg-blue-500" href="#0">Register</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
{% extends 'html.html.twig' %}
|
||||
|
||||
{% block body %}
|
||||
{% include 'includes/navbar.html.twig' %}
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% extends 'page.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="text-5xl font-bold text-center text-white">Welcome to the Tailwind CSS workshop</h1>
|
||||
{% include 'includes/home/intro-text.html.twig' %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue