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 ###
|
###> symfony/framework-bundle ###
|
||||||
/.env.local
|
/.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,
|
"private": true,
|
||||||
"scripts": {},
|
"scripts": {
|
||||||
"dependencies": {}
|
"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">
|
<meta charset="UTF-8">
|
||||||
<title>{% block title %}Tailwind CSS workshop{% endblock %}</title>
|
<title>{% block title %}Tailwind CSS workshop{% endblock %}</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||||
|
<link rel="stylesheet" href="/build/tailwind.css"/>
|
||||||
{% block stylesheets %}{% endblock %}
|
{% block stylesheets %}{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body class="py-20 font-sans bg-blue-600">
|
<body>
|
||||||
<div class="container px-4 mx-auto">
|
<div>
|
||||||
{% block body %}{% endblock %}
|
{% block body %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
{% block javascripts %}{% endblock %}
|
{% 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' %}
|
{% extends 'html.html.twig' %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
{% include 'includes/navbar.html.twig' %}
|
||||||
|
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
{% extends 'page.html.twig' %}
|
{% extends 'page.html.twig' %}
|
||||||
|
|
||||||
{% block content %}
|
{% 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 %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue