kitoy
/
kitoy-chocolate
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

First commit

This commit is contained in:
John Doe 2024-09-06 14:38:41 +02:00
parent 200cb9c51b
commit 2ef9d8d090
22 changed files with 849 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
#wcms-modules.json# Executable file
View File

@ -0,0 +1,13 @@
{
"version": 1,
"themes": {
"kitoy-chocolate": {
"name": "kitoy Chocolate",
"repo": "https://kitoy.me/git/kitoy/kitoy-chocolate.git",
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
"summary": "Kitoy WonderCMS theme ",
"version": "3.4.2",
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/main/preview.jpg"
}
}
}

1
.#wcms-modules.json Symbolic link
View File

@ -0,0 +1 @@
kitoy@portable.local.31460

408
css/base.css Normal file
View File

@ -0,0 +1,408 @@
@font-face{
font-family:"Rosa Black Sans";
src:url("fonts/hinted-RosaSans-Black.ttf") format("truetype");
font-weight:normal;
font-style:normal
}
@font-face
{
font-family:"Rosa Black Italic";
src:url("fonts/hinted-RosaSans-BlackItalic.ttf") format("truetype");
font-weight:normal;font-style:italic
}
@font-face
{
font-family:"Rosa Black Bold";
src:url("fonts/hinted-RosaSans-Bold.ttf") format("truetype");
font-weight:bold;
font-style:normal
}
html
{
height:100%;
width:80%;
margin-left:10%
}
body
{
color:#fff487;
background-color:#45050c
}
.icon
{
margin-bottom:5px
}
.icons img
{
width:2vw;
height:2vw;
margin-top:10px;
display:inline-block;
align-items:center
}
h1{
padding-bottom: 2vw;
}
hr
{
color:#fff487
}
*
{
-moz-box-sizing:border-box;
box-sizing:border-box
}
a
{
color:#d39050;text-decoration:none
}
.date
{
margin-bottom:0
}
.slug
{
text-align:left;
margin-bottom:2rem;
}
.readmore
{
text-align:right
}
.readmore a
{
color:#fff487;
text-decoration:underline
}
.menugauche
{
position:fixed;
max-width:100px
}
.menu img
{
max-width:20px;
max-height:20px;
}
.copyleft
{
display:inline-block;
transform:rotate(180deg);
padding-bottom:-15px
}
pre
{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
.toggle
{
background-color:#fff487;
text-align:center;
height:100px;
width:100px;
border-radius:50%;
position:fixed;
margin:140px;
margin-left:10%;
top:20%;
bottom:0px;
left:0px;
right:0px
}
.toggle h2
{
margin-top:1.5em;
color:#45050c
}
.menu{
background-color:#d39050;
height:100px;
width:100px;
transform:scale(0);
border-radius:50%;
border-style:double;
border-color:#fff487;
position:fixed;
margin-top:140px;
margin-left:10%;
top:20%;
bottom:0px;
left:0px;
right:0px;
z-index:-1;
transition:.7s
}
.menu a{
display:inline-block;
position:fixed;
font-size:15px;
color:#45050c
}
ul{
list-style-type:none;
margin:0;
padding:0
}
.menu p
{
margin-top:-4px;
font-size:5px;
}
.articles
{
margin-left:21rem;
margin-top:5rem;
margin-bottom:3rem;
padding:.5em;
border:7px double;
border-color:#fff487;
border-radius:10px 10px 10px 10px;
line-height:1.5;
letter-spacing:.1vw
}
.articles ul
{
list-style-type:disc;
margin:5vw;
padding-top:1vw;
padding-bottom:1vw;
padding-left:1.5vw
}
.articles h2,h3,h4
{
color:#d39050
}
.articles .titre
{
color:#d39050;
text-align:center
}
.articles img
{
display:block;
margin-left:auto;
margin-right:auto;
width:50%;
margin-bottom:2vw;
}
.articles .description
{
text-align:center;
font-weight:300;
font-style:italic;
font-size:1vw;
padding-bottom:30px;
color:#fff487
}
.pagination a
{
border:1px solid;
border-color:#d39050;
padding:3px;
font-size:13px
}
.center
{
margin:auto;
width:50%;
padding:10px
}
.contact
{
text-align:center;
}
footer
{
position:relative;
bottom:0px;
width:100%;
text-align:center
}
.btn:hover a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 980px)
{
.articles .description{
font-size:4vw
}
.articles
{
margin-left:0;
position:relative;
font-size:3.5vw
}
.toggle
{
display:none
}
.menugauche
{
max-width:unset;
position:sticky;
top:0px;
z-index:5;
width:100%
}
.menu {
width:100%;
height:13vw;
border-radius:0%;
border:5px double;
border-color:#fff487;
position:sticky;
margin-top:0rem;
border-radius:10px 10px 10px 10px;
margin-bottom:0px;
margin-left:0;
transform:none
}
.menu a{
display:inline-block;
position:absolute
}
.menu img{
transform:scale(4)}
.menu p{margin:.3rem;
font-size:13px
}
.menu img:hover
{
transform:scale(5)
}
a:nth-child(1)
{
top:4vw;
left:20%
}
a:nth-child(4)
{
top:4vw;
left:40%
}
a:nth-child(2)
{
top:4vw;
left:60%
}
a:nth-child(3)
{
top:4vw;
left:80%
}
footer
{
font-size:3vw
}
.icons img
{
width:7vw;
height:7vw;
margin:20px;
display:inline-block;
align-items:center
}
.articles img{
display:block;
margin-left:auto;
margin-right:auto;
width:80%
}
}
@media only screen and (max-width: 980px)
{
html
{
height:100%;
width:100%;
margin:0
}
.menu p
{
display:none
}
.menu
{
align-self:center
}
}
@media only screen and (max-width: 768px)
{
.menu{height:15vw}
.menu img
{
max-width:10px;
max-height:10px
}
.title h1
{
font-size:5vw
}
.icons img{
width:7vw;
height:7vw;
margin:20px;
display:inline-block;
align-items:center;
}
}

BIN
css/fonts/catamaran-v7-latin-ext_latin-700.woff2 Executable file
View File

Binary file not shown.

BIN
css/fonts/catamaran-v7-latin-ext_latin-regular.woff2 Executable file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Black.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-BlackItalic.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Bold.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Italic.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Light.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Medium.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-Regular.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
css/fonts/hinted-RosaSans-SemiBoldItalic.ttf Normal file
View File

Binary file not shown.

328
css/menu.css Normal file
View File

@ -0,0 +1,328 @@
@font-face{
font-family:"Rosa Black Sans";
src:url("fonts/hinted-RosaSans-Black.ttf") format("truetype");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:"Rosa Black Italic";
src:url("/fonts/hinted-RosaSans-BlackItalic.ttf") format("truetype");
font-weight:normal;
font-style:italic;
}
@font-face{font-family:"Rosa Black Bold";
src:url("/fonts/hinted-RosaSans-Bold.ttf") format("truetype");
font-weight:bold;
font-style:normal;
}
.section-center{
position:absolute;
top:50%;
left:0;
display:block;
width:100%;
padding:0;
margin:0;
z-index:6;
text-align:center;
transform:translateY(-50%);
}
[type=checkbox]:checked,[type=checkbox]:not(:checked)
{
position:absolute;
left:-99999px;
}
.menu-icon:checked+label,.menu-icon:not(:checked)+label{
position:fixed;
top:170px;
left:75px;
display:block;
width:70px;
height:70px;
padding:0;
margin:0;
cursor:pointer;
z-index:10;
}
.menu-bulle {
position:fixed;
top:150px;
left:50px;
display:block;
width:80px;
height:80px;
padding:0;
margin:0;
z-index:9;
overflow:hidden;
background-color:#fff487;
animation:border-transform 7s linear infinite;
transition:top 350ms 1100ms cubic-bezier(.32, 1, .23, 1),right 350ms 1100ms cubic-bezier(.32, 1, .23, 1),
transform 250ms 1100ms ease,width 650ms 400ms cubic-bezier(.32, 1, .23, 1),height 650ms 400ms cubic-bezier(.32, 1, .23, 1);
}
.menu-icon:checked+label:before,.menu-icon:not(:checked)+label:before {
position:absolute;
content:"";
display:block;
width:30px;
height:20px;
z-index:20;
top:0;
left:0;
border-top:2px solid #45050c;
border-bottom:2px solid #45050c;
transition:border-width 100ms 1500ms ease,top 100ms 1600ms cubic-bezier(.32, 1, .23, 1),height 100ms 1600ms cubic-bezier(.23, 1, .32, 1),
background-color 200ms ease,transform 200ms cubic-bezier(.32, 1, .23, 1);
}
.menu-icon:checked+label:after,.menu-icon:not(:checked)+label:after {
position:absolute;
content:"";
display:block;
width:22px;
height:2px;
z-index:20;
top:10px;
left:0px;
background-color:#45050c;
margin-top:-1px;
transition:width 100ms 1750ms ease,right 100ms 1750ms ease,margin-top 100ms ease,transform 200ms cubic-bezier(.32, 1, .23, 1);
}
.menu-icon:checked+label:before{
top:10px;
transform:rotate(45deg);
height:2px;
background-color:#45050c;
border-width:0;
transition:border-width 100ms 340ms ease,top 100ms 300ms cubic-bezier(.32, 1, .23, 1),height 100ms 300ms cubic-bezier(.32, 1, .23, 1),background-color 200ms 500ms ease,transform 200ms 1700ms cubic-bezier(.32, 1, .23, 1);
}
.menu-icon:checked+label:after{
width:30px;
margin-top:0;
transform:rotate(-45deg);
transition:width 100ms ease,right 100ms ease,margin-top 100ms 500ms ease,transform 200ms 1700ms cubic-bezier(.32, 1, .23, 1);
}
@keyframes border-transform{0%, 100%
{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%
{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%
{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%
{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%
{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%
{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%
{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}
}
.menu-icon:checked~.menu-bulle{
animation-play-state:paused;
top:50%;
left:40px;
transform:translate(-50%, -50%);
width:35%;
height:88%;
transition:top 350ms 700ms cubic-bezier(.32, 1, .23, 1),left 350ms 700ms cubic-bezier(.32, 1, .23, 1),
transform 250ms 700ms ease,width 750ms 1000ms cubic-bezier(.32, 1, .23, 1),
height 750ms 1000ms cubic-bezier(.32, 1, .23, 1);
}
.menu-bulle ul{
position:absolute;
top:25%;
left:50px;
display:block;
width:100%;
padding:0;
margin:0;
z-index:6;
text-align:right;
list-style:none;
}
.menu-bulle ul li{
position:relative;
display:block;
width:100%;
padding:0;
padding-bottom:15px;
margin:10px 0;
text-align:center;
list-style:none;
pointer-events:none;
opacity:0;visibility:hidden;
transform:translateY(30px);
transition:all 250ms linear;
}
.menu-bulle ul li:nth-child(1)
{
transition-delay:200ms;
}
.menu-bulle ul li:nth-child(2){
transition-delay:150ms;
}
.menu-bulle ul li:nth-child(3)
{
transition-delay:100ms;
}
.menu-bulle ul li:nth-child(4)
{
transition-delay:50ms;
}
.menu-bulle ul li a
{
font-family:sans-serif;
font-size:2vh;
text-transform:uppercase;
line-height:1.1;
font-weight:800;
display:inline-block;
position:relative;
color:#45050c;
transition:all 250ms linear;
max-width:9vw;
}
.menu-bulle ul li a:hover
{
text-decoration:underline;
color:#45050c;
}
.menu-bulle ul li a:after
{
display:block;
position:absolute;
top:50%;
content:"";
height:2vh;
margin-top:-1vh;
width:0;
left:0;
transition:width 250ms linear;
}
.menu-bulle ul li a:hover:after
{
width:100%;
}
.menu-icon:checked~.menu-bulle ul li
{
pointer-events:auto;
visibility:visible;
opacity:1;
transform:translateY(0);
transition:opacity 350ms ease,transform 250ms ease;
}
.menu-icon:checked~.menu-bulle ul li:nth-child(1)
{
transition-delay:1400ms;
}
.menu-icon:checked~.menu-bulle ul li:nth-child(2)
{
transition-delay:1480ms;
}
.menu-icon:checked~.menu-bulle ul li:nth-child(3)
{
transition-delay:1560ms;
}
.menu-icon:checked~.menu-bulle ul li:nth-child(4)
{
transition-delay:1640ms;
}
@media screen and (min-width: 3400px)
{
.menu-icon:checked~.menu-bulle{
left:90px;
}
}
@media screen and (max-width: 991px)
{
.menu-icon:checked~.menu-bulle
{
animation-play-state:paused;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:200%;
height:200%;
transition:top 350ms 700ms cubic-bezier(.32, 1, .23, 1),left 350ms 700ms cubic-bezier(.32, 1, .23, 1),
transform 250ms 700ms ease,width 750ms 1000ms cubic-bezier(.32, 1, .23, 1),
height 750ms 1000ms cubic-bezier(.32, 1, .23, 1);
}
.menu-bulle ul{
left:0;
transform:translateY(10%);
transform:translateX(-20%);
}
.menu-icon:checked+label,.menu-icon:not(:checked)+label
{
right:55px;
}
.logo
{
left:30px;
}
.menu-bulle
{
right:30px;
}
h1
{
font-size:9vw;
-webkit-text-stroke:2px rgba(0,0,0,0);
text-stroke:2px rgba(0,0,0,0);
-webkit-text-fill-color:#fff487;
text-fill-color:#fff487;
color:#fff487;
}
.menu-bulle ul li a{
font-size:2vh;
padding:5px;
max-width:unset;
}
.menu-icon:checked+label
{
top:10px;
left:10px;
width:50px;
height:50px;
}
.menu-icon:not(:checked)+label
{
top:110px;
left:50px;
}
.menu-bulle
{
top:90px;
left:30px;
display:block;
width:60px;
height:60px;
}

BIN
preview.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 KiB

73
theme.php Executable file
View File

@ -0,0 +1,73 @@
<?php global $Wcms ?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Encoding, browser compatibility, viewport -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Search Engine Optimization (SEO) -->
<meta name="title" content="<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>" />
<meta name="description" content="<?= $Wcms->page('description') ?>">
<meta name="keywords" content="<?= $Wcms->page('keywords') ?>">
<meta property="og:url" content="<?= $this->url() ?>" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="<?= $Wcms->get('config', 'siteTitle') ?>" />
<meta property="og:title" content="<?= $Wcms->page('title') ?>" />
<!-- Website and page title -->
<title>
<?= $Wcms->get('config', 'siteTitle') ?> - <?= $Wcms->page('title') ?>
</title>
<!-- Admin CSS -->
<?= $Wcms->css() ?>
<!-- Theme CSS -->
<link rel="stylesheet" rel="preload" as="style" href="<?= $Wcms->asset('css/base.css') ?>">
<link rel="stylesheet" rel="preload" as="style" href="<?= $Wcms->asset('css/menu.css') ?>">
</head>
<body>
<!-- Admin settings panel and alerts -->
<?= $Wcms->settings() ?>
<?= $Wcms->alerts() ?>
<div class="title">
<h1 style="text-align:center;"> <?= $Wcms->siteTitle() ?> </h1>
</div>
<input class="menu-icon" type="checkbox" id="menu-icon" name="menu-icon"/>
<label for="menu-icon"></label>
<nav class="menu-bulle">
<ul class="pt-5">
<!-- Menu -->
<?= $Wcms->menu() ?>
</ul>
</nav>
<div class="articles">
<!-- Main content for each page -->
<?= $Wcms->page('content') ?>
</div>
<footer>
<!-- Footer -->
<?= $Wcms->footer() ?>
</footer>
<!-- Admin JavaScript. More JS libraries can be added below -->
<?= $Wcms->js() ?>
</body>
</html>

13
wcms-modules.json Executable file
View File

@ -0,0 +1,13 @@
{
"version": 1,
"themes": {
"kitoy-chocolate": {
"name": "kitoy Chocolate",
"repo": "https://kitoy.me/git/kitoy/kitoy-chocolate.git",
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
"summary": "Kitoy WonderCMS theme ",
"version": "3.4.2",
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/master/preview.jpg"
}
}
}

13
wcms-modules.json~ Executable file
View File

@ -0,0 +1,13 @@
{
"version": 1,
"themes": {
"kitoy-chocolate": {
"name": "kitoy Chocolate",
"repo": "https://kitoy.me/git/kitoy30",
"zip": "https://kitoy.me/git/kitoy/kitoy-chocolate/master.zip",
"summary": "Kitoy WonderCMS theme ",
"version": "1.0.0",
"image": "https://kitoy.me/git/kitoy/kitoy-chocolate/master/preview.jpg"
}
}
}