valentin_le_moign/partition-jlg-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme dans tailwind config

Browse Source
This commit is contained in:
Valentin
2023-06-26 00:47:12 +02:00
parent 8422f39067
commit 1edd00252d
7 changed files with 52 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+1 -1
View File
@@ -10,7 +10,7 @@
<?php wp_body_open(); ?>
<?php do_action('get_header'); ?>
<div id="app" class="banner bg-slate-900 text-slate-50 flex w-full flex-col justify-center items-center">
<div id="app" class="banner bg-jlg-dark-blue text-jlg-white font-authentic flex w-full flex-col justify-center items-center">
<?php echo view(app('sage.view'), app('sage.data'))->render(); ?>
</div>
resources/styles/app.css
+1 -2
View File
@@ -4,11 +4,10 @@
@layer base{
@font-face {
font-family: "Authentic_Sans_90";
font-family: "Authentic_Sans";
src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff") format("woff"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff2") format("woff2"),
url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.otf") format("otf");
font-weight: 90;
font-style: normal;
}
resources/views/index.blade.php
+8 -8
View File
@@ -15,18 +15,18 @@
</style>
<div class="font-authentic">Ceci est du texte avec la police Authentic Sans 90</div>
<div class="font-authentic60">Ceci est du texte avec la police Authentic Sans 60</div>
<div class="font-authentic-60">Ceci est du texte avec la police Authentic Sans 60</div>
<div class="font-caslon">Ceci est du texte avec la police Caslon normal</div>
<div class="font-caslon italic">Ceci est du texte avec la police Caslon italique</div>
<table class="table-fixed">
<thead>
<tr class="border-slate-50 w-4/5 h-64 top-24 fixed flex items-stretch justify-around text-center">
<th class="bg-slate-900 w-1/5 flex items-end justify-start"></th>
<th class="bg-slate-900 w-1/5 flex items-end justify-start">Images</th>
<th class="bg-slate-900 w-1/5 flex items-end justify-start">Voix Off et In</th>
<th class="bg-slate-900 w-1/5 flex items-end justify-start">Bande Son</th>
<th class="bg-slate-900 w-1/5 flex items-end justify-start">Ecrits</th>
<tr class="border-jlg-white w-4/5 h-64 top-12 fixed flex items-stretch justify-around text-center text-lg uppercase">
<th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start"></th>
<th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Images</th>
<th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Voix Off et In</th>
<th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Bande Son</th>
<th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Ecrits</th>
</tr>
</thead>
<tbody>
@@ -43,7 +43,7 @@
if ($query->have_posts()) :
while ($query->have_posts()) : $query->the_post();
?>
<tr class="border-slate-50">
<tr class="border-jlg-white font-authentic-60">
<td class="w-1/5 bg-red-400 pr-4 pt-1 pb-8 text-right">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
<td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
<td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
resources/views/layouts/app.blade.php
+1 -1
View File
@@ -4,7 +4,7 @@
@include('sections.header')
<main id="main" class="main bg-slate-900 w-4/5 z-0 mt-96 mt-1/12">
<main id="main" class="main bg-jlg-dark-blue w-4/5 z-0 mt-96 mt-1/12">
@yield('content')
</main>
resources/views/sections/header.blade.php
+5 -3
View File
@@ -1,6 +1,8 @@
<header class="text-4xl py-8 shadow-lg fixed top-0 h-1/12 w-full bg-slate-900 flex flex-row justify-center items-center z-10">
<a class="brand" href="{{ home_url('/') }}">
{!! $siteName !!}
<header class="border-jlg-light-white py-8 shadow-xlg fixed top-0 h-1/12 w-full bg-jlg-dark-blue flex flex-row justify-center items-center z-10">
<a class="brand text-center text-xl" href="{{ home_url('/') }}">
<!-- {!! $siteName !!} -->
<span class="font-caslon uppercase">Partition<br></span>
<span class="font-caslon italic">Le Livre d'Image</span>
</a>
@if (has_nav_menu('primary_navigation'))
tailwind.config.js
+15 -3
View File
@@ -4,12 +4,24 @@ const config = {
content: ['./index.php', './app/**/*.php', './resources/**/*.{php,vue,js}'],
theme: {
extend: {
colors: {}, // Extend Tailwind's default colors
colors: {
'jlg': {
'dark-blue': '#010d19',
'white': '#f5fefe',
'light-white': '#f5fefeaa'
}
}, // Extend Tailwind's default colors
fontFamily: {
'authentic': ['Authentic_Sans_90', 'sans-serif'],
'authentic60': ['Authentic_Sans_60', 'Authentic_Sans_90', 'sans-serif'],
'authentic': ['Authentic_Sans', 'sans-serif'],
'authentic-60': ['Authentic_Sans_60', 'sans-serif'],
'caslon': ['Libre_Caslon', 'serif'],
},
fontSize: {
sm: ['14px', '20px'],
base: '16px',
lg: '24px',
xl: '35px',
}
},
},
plugins: [],
theme.json
+21 -11
View File
@@ -1246,6 +1246,21 @@
"name": "Rose 950",
"slug": "rose-950",
"color": "#4c0519"
},
{
"name": "Jlg Dark-blue",
"slug": "jlg-dark-blue",
"color": "#010d19"
},
{
"name": "Jlg White",
"slug": "jlg-white",
"color": "#f5fefe"
},
{
"name": "Jlg Light-white",
"slug": "jlg-light-white",
"color": "#f5fefeaa"
}
]
},
@@ -1287,14 +1302,9 @@
"fontFamily": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace"
},
{
"name": "Authentic_Sans_90",
"name": "Authentic_Sans",
"slug": "authentic",
"fontFamily": "Authentic_Sans_90,sans-serif"
},
{
"name": "Authentic_Sans_60",
"slug": "authentic60",
"fontFamily": "Authentic_Sans_60,Authentic_Sans_90,sans-serif"
"fontFamily": "Authentic_Sans,sans-serif"
},
{
"name": "Libre_Caslon",
@@ -1311,22 +1321,22 @@
{
"name": "sm",
"slug": "sm",
"size": "0.875rem"
"size": "14px"
},
{
"name": "base",
"slug": "base",
"size": "1rem"
"size": "16px"
},
{
"name": "lg",
"slug": "lg",
"size": "1.125rem"
"size": "20px"
},
{
"name": "xl",
"slug": "xl",
"size": "1.25rem"
"size": "35px"
},
{
"name": "2xl",