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

Compare commits

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

No commits in common. "456d93d40ddb8220d786584db0c1fb2edfdb13ff" and "95dc3b05fed60aaf220a720ea4fa0703cc068eea" have entirely different histories.
456d93d40d ... 95dc3b05fe

11 changed files with 26 additions and 200 deletions
Show stats Expand all files Collapse all files

BIN
assets/img/cover.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.9 MiB

11
src/scss/_drawing.scss
View file

@ -68,10 +68,15 @@ a.article-nav-link-wrap {
} }
.btn-navbar { .btn-navbar {
@include button($button_large); @include button($button_small);
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 {
@ -91,7 +96,3 @@ a.article-nav-link-wrap {
} }
} }
} }
.card-select {
width:100%;
}

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

@ -109,14 +109,6 @@ $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,9 +111,6 @@ $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;
@ -159,20 +156,6 @@ $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;
@ -234,17 +217,3 @@ $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
View file

@ -1,77 +0,0 @@
<!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,31 +21,37 @@
<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-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-text.html -->
<!--=include includes/components/_preview-book-archive.html --> <!--=include includes/components/_preview-image.html -->
<!--=include includes/components/_preview-book-archive.html --> <!--=include includes/components/_preview-text.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,9 +6,8 @@
<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">Romans</a> <a href="/crea.html" class="btn btn-navbar">Gallerie</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
View file

@ -1,17 +0,0 @@
<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
View file

@ -1,17 +0,0 @@
<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
View file

@ -1,17 +0,0 @@
<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,19 +26,6 @@
</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">