Rename theme

This commit is contained in:
Oliver Davies 2019-03-19 11:15:44 +00:00
parent 12e8fd1682
commit b5b27875b5
8 changed files with 0 additions and 0 deletions

4
wp-content/themes/tailwind/.gitignore vendored Normal file
View file

@ -0,0 +1,4 @@
/mix-manifest.json
/node_modules/
/style.css
/yarn.lock

View file

@ -0,0 +1,14 @@
<footer class="pt-24 pb-16">
<p class="text-gray-600">
<?php bloginfo('slogan'); ?>,
<a href="<?php echo esc_url(__('https://wordpress.org/', 'twentynineteen')); ?>">
<?php printf(__('Proudly powered by %s.'), 'WordPress'); ?>
</a>
</p>
</footer>
</div>
<?php wp_footer(); ?>
</body>
</html>

View file

@ -0,0 +1,3 @@
<?php
wp_enqueue_style( 'style', get_stylesheet_uri() );

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?php echo wp_get_document_title(); ?></title>
<?php wp_head(); ?>
</head>
<body class="font-sans bg-white text-black leading-normal antialiased">
<div class="max-w-4xl mx-auto px-4">
<header class="mt-16 mb-24">
<p class="text-2xl">
<?php bloginfo('slogan'); ?>
<span class="font-serif font-thin text-gray-700">
&mdash; <?php bloginfo('description'); ?>
</span>
</p>
</header>

View file

@ -0,0 +1,54 @@
<?php get_header(); ?>
<?php
if ( have_posts() ) : ?>
<div class="w-12 block border-t-2 border-gray-600 mb-6"></div>
<?php
while ( have_posts() ) : the_post(); ?>
<h2 class="text-4xl md:text-5xl font-bold mt-6 mb-8">
<a class="text-black hover:text-grey-darkest hover:no-underline" href="<?php print get_permalink() ?>">
<?php the_title(); ?>
</a>
</h2>
<div class="md:max-w-xl">
<div class="content">
<?php the_content(); ?>
</div>
</div>
<footer class="text-gray-600 my-10">
<ul class="list-reset flex flex-wrap">
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<a href="#0">oliver</a>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path></svg>
<span>March 12, 2019</span>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<span>Uncategorized</span>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<a href="#0">1 Comment</a>
</li>
</ul>
</footer>
<?php
endwhile;
else :
_e( 'Sorry, no posts were found.', 'textdomain' );
endif;
?>
<?php
get_footer();

View file

@ -0,0 +1,16 @@
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"cross-env": "^5.2.0",
"laravel-mix": "^4.0.14",
"postcss-nested": "^4.1.2",
"tailwindcss": "^1.0.0-beta.2"
}
}

View file

@ -0,0 +1,45 @@
@tailwind base;
a {
@apply text-gray-600 no-underline
}
a:hover,
a:focus {
@apply text-blue-700
}
@tailwind components;
.content {
@apply font-serif text-lg leading-loose;
@screen md {
@apply text-xl
}
h2 {
@apply text-2xl font-bold mt-8 -mb-5
}
a {
@apply text-blue-700 underline;
&:hover {
@apply text-blue-800 no-underline
}
}
* + * {
@apply mt-6
}
ul {
@apply list-disc ml-6
}
li + li {
@apply mt-0
}
}
@tailwind utilities;

View file

@ -0,0 +1,6 @@
const mix = require('laravel-mix')
mix.postCss('src/css/style.css', '', [
require('tailwindcss')(),
require('postcss-nested')(),
])