kazhnuz/kazhnuz.css
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: kazhnuz:95dc3b05fed60aaf220a720ea4fa0703cc068eea
Branches Tags
kazhnuz:master
kazhnuz:unbrand
...
compare: kazhnuz:456d93d40ddb8220d786584db0c1fb2edfdb13ff
Branches Tags
kazhnuz:master
kazhnuz:unbrand

3 commits
95dc3b05fe ... 456d93d40d

Author SHA1 Message Date
Kazhnuz
456d93d40d feat: ajout des tags 
Fixes #6
 2020-12-27 21:41:12 +01:00
Kazhnuz
d37c2b0d17 feat: ajout feed rss 
Fixes #7
 2020-12-27 21:20:39 +01:00
Kazhnuz
1e1cee17a4 feat: ajout du support des romans 
Fixes #3
 2020-12-27 21:13:25 +01:00
11 changed files with 200 additions and 26 deletions
Show stats Expand all files Collapse all files

BIN
assets/img/cover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 MiB

11
src/scss/_drawing.scss
View file

@ -68,15 +68,10 @@ a.article-nav-link-wrap {
} }
.btn-navbar { .btn-navbar {
@include button($button_small); @include button($button_large);
padding-left: $button_small; padding-left: $button_small;
padding-right: $button_small; padding-right: $button_small;
@include button-fullcontrol(transparent, rgba(0,0,0,0.1), $color-light); @include button-fullcontrol(transparent, rgba(0,0,0,0.1), $color-light);
@include sm() {
@include button($button_large);
padding-left: $button_large;
padding-right: $button_large;
}
} }
.pigimg, .mb { .pigimg, .mb {
@ -96,3 +91,7 @@ a.article-nav-link-wrap {
} }
} }
} }
.card-select {
width:100%;
}

8
src/scss/components/_cards.scss
View file

@ -109,6 +109,14 @@ $card-smallpad: $lineheight_half;
font-weight: 900; font-weight: 900;
color:$color-dark!important; color:$color-dark!important;
} }
&.noflex {
& :first-child {
min-width:2rem;
}
justify-content: flex-start;
}
} }
a { a {

31
src/scss/components/_previews.scss
View file

@ -111,6 +111,9 @@ $preview-height: 8*$lineheight;
.preview-content { .preview-content {
max-height: $preview-height; max-height: $preview-height;
overflow:hidden; overflow:hidden;
background-size: cover;
min-height:100%;
min-width:100%;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-bottom:0px; margin-bottom:0px;
@ -156,6 +159,20 @@ $preview-height: 8*$lineheight;
} }
} }
.card-preview.card-info {
.comment-text {
@include angled-edge('outside top', 'upper left', $color-skyblue, 16);
background-color:$color-skyblue;
}
}
.card-preview.card-grey {
.comment-text {
@include angled-edge('outside top', 'upper left', $color-grey, 16);
background-color:$color-grey;
}
}
.comment-text { .comment-text {
@include angled-edge('outside top', 'upper left', $color-violet, 16); @include angled-edge('outside top', 'upper left', $color-violet, 16);
color: $color-light; color: $color-light;
@ -217,3 +234,17 @@ $preview-height: 8*$lineheight;
display:block; display:block;
margin:auto; margin:auto;
} }
.cover {
width:100%;
height:auto;
}
.roman {
@include md() {
width:80%;
position:relative;
top:-240px;
margin:auto;
}
}

77
src/static/crea-roman.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Kazhnuz Space</title>
<!-- meta -->
<meta name="description" content="">
<meta name="author" content="">
<!--=include includes/_links.html -->
</head>
<body>
<div id="wrapper">
<!--=include includes/_header.html -->
<div class="container-blog">
<main class="mainpane">
<img class="cover" src="img/cover.png">
<div class="roman">
<div class="card">
<h1>Roman OSEF</h1>
<div class="card-body">
<p>Roman OSEF est un roman explorant les profondeur de l'esprit humain. Qui sommes nous, pourquoi vivons nous. A travers son histoire, Jean-Marie NomDeBourge va recontrer comme dans tout ces romans de vieux auteurs une jeune femme et en tomber amoureux et oh mon dieux c'est trop cringe je préfère pas continuer.</p>
<p>A la place, je tiens à dire que mon bb chat est trop mignon.</p>
<p><em>Source de la couverture : </em> <a href="#">via ??????</a></p>
</div>
</div>
<div class="download align-center">
<a href="#" class="btn btn-primary">Télécharger au format PDF</a>
<a href="#" class="btn btn-info">Télécharger au format ePub</a>
</div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-list"></i> Chapitres</div>
<div class="card-menu">
<a href="crea-ecrit.html" class="menu-element noflex"><strong>1.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>2.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>3.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>4.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>4.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>5.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>6.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>7.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>8.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>9.</strong> Nom de chapitre générique</a>
<a href="crea-ecrit.html" class="menu-element noflex"><strong>10.</strong> Nom de chapitre générique</a>
</div>
</div>
</div>
</main>
<section class="sidebar">
<div class="card card-info">
<div class="card-header">
<i class="fa fa-fw fa-info"></i>&nbsp; Romans
</div>
<div class="card-body">
<p> Tout mes textes en plusieurs chapitres, qu'ils soient des romans, des light novels, etc. </p>
</div>
</div>
<!--=include includes/components/_sidebar.html -->
</section>
</div>
</div>
<!--=include includes/_footer.html -->
<script src="js/trim.js"></script>
</body>
</html>

32
src/static/crea.html
View file

@ -21,37 +21,31 @@
<main class="mainpane"> <main class="mainpane">
<!--=include includes/components/_breadcrumb.html --> <!--=include includes/components/_breadcrumb.html -->
<div class="toast toast-info" role="toast">
<p>Toutes mes créations mises en avant, celles que je trouve les plus pertinente à regarder</p>
</div>
<div class="previews-section"> <div class="previews-section">
<!--=include includes/components/_preview-text.html --> <!--=include includes/components/_preview-book-termine.html -->
<!--=include includes/components/_preview-text.html --> <!--=include includes/components/_preview-book.html -->
<!--=include includes/components/_preview-text.html --> <!--=include includes/components/_preview-book.html -->
<!--=include includes/components/_preview-image.html --> <!--=include includes/components/_preview-book-archive.html -->
<!--=include includes/components/_preview-text.html --> <!--=include includes/components/_preview-book-archive.html -->
<!--=include includes/components/_preview-image.html -->
<!--=include includes/components/_preview-text.html -->
<!--=include includes/components/_preview-text.html -->
<!--=include includes/components/_preview-image.html -->
<!--=include includes/components/_preview-image.html -->
</div> </div>
</main> </main>
<section class="sidebar"> <section class="sidebar">
<div class="card card-info">
<div class="card-header">
<i class="fa fa-fw fa-info"></i>&nbsp; Romans
</div>
<div class="card-body">
<p> Tout mes textes en plusieurs chapitres, qu'ils soient des romans, des light novels, etc. </p>
</div>
</div>
<!--=include includes/components/_sidebar.html --> <!--=include includes/components/_sidebar.html -->
</section> </section>
</div> </div>

3
src/static/includes/_header.html
View file

@ -6,8 +6,9 @@
<div class="navbar-area"> <div class="navbar-area">
<a href="/blog.html" class="btn btn-navbar">Blog</a> <a href="/blog.html" class="btn btn-navbar">Blog</a>
<a href="/crea.html" class="btn btn-navbar">Gallerie</a> <a href="/crea.html" class="btn btn-navbar">Romans</a>
<a href="/apropos.html" class="btn btn-navbar">A propos</a> <a href="/apropos.html" class="btn btn-navbar">A propos</a>
<a href="/feed.rss" class="btn btn-navbar"><i class="fa fa-rss"></i></a>
</div> </div>
</div> </div>
</header> </header>

17
src/static/includes/components/_preview-book-archive.html Normal file
View file

@ -0,0 +1,17 @@
<article class="card card-preview card-grey">
<a href="crea-roman.html" class="preview-link">
<div class="preview-item">
<div class="preview-content" style="background-image:url('/img/cover.png');"></div>
<div class="preview-overlay">
<h1 class="card-header">Roman générique osef</h1>
<div class="preview-metadata">
<div class="metadata-pills">
<div class="align-right"><time><span class="chip chip-grey">27/02/2017</span></time></div>
<div class="align-left"><span class="chip chip-grey">video</span></div>
</div>
<div class="comment-text">500 Chapitres (archivé)</div>
</div>
</div>
</div>
</a>
</article>

17
src/static/includes/components/_preview-book-termine.html Normal file
View file

@ -0,0 +1,17 @@
<article class="card card-preview card-info">
<a href="crea-roman.html" class="preview-link">
<div class="preview-item">
<div class="preview-content" style="background-image:url('/img/cover.png');"></div>
<div class="preview-overlay">
<h1 class="card-header">Roman générique osef</h1>
<div class="preview-metadata">
<div class="metadata-pills">
<div class="align-right"><time><span class="chip chip-info">27/02/2017</span></time></div>
<div class="align-left"><span class="chip chip-info">video</span></div>
</div>
<div class="comment-text">500 Chapitres (complet)</div>
</div>
</div>
</div>
</a>
</article>

17
src/static/includes/components/_preview-book.html Normal file
View file

@ -0,0 +1,17 @@
<article class="card card-preview card-primary">
<a href="crea-roman.html" class="preview-link">
<div class="preview-item">
<div class="preview-content" style="background-image:url('/img/cover.png');"></div>
<div class="preview-overlay">
<h1 class="card-header">Roman générique osef</h1>
<div class="preview-metadata">
<div class="metadata-pills">
<div class="align-right"><time><span class="chip chip-primary">27/02/2017</span></time></div>
<div class="align-left"><span class="chip chip-primary">video</span></div>
</div>
<div class="comment-text">12 Chapitres (en cours)</div>
</div>
</div>
</div>
</a>
</article>

13
src/static/includes/components/_sidebar.html
View file

@ -26,6 +26,19 @@
</div> </div>
</div> </div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-tags"></i> Tags</div>
<div class="card-body">
<select class="card-select select" name="">
<option value="test">100 Theme Challenge</option>
<option value="test">Inktober 2017</option>
<option value="test">Inktober 2018</option>
<option value="test">Inktober 2019</option>
<option value="test">Writober 2020</option>
</select>
</div>
</div>
<div class="card card-primary"> <div class="card card-primary">
<div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div> <div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div>
<div class="card-menu"> <div class="card-menu">