1
1
Fork 0

Better tags

dev
Jan Kužílek 5 years ago
parent f0641be55c
commit 5de5a5c14b

@ -246,7 +246,7 @@ header {
.tag_container { .tag_container {
display: flex; display: flex;
> span { > a {
margin: 2px 2px; margin: 2px 2px;
padding: 6px 12px; padding: 6px 12px;
@ -285,7 +285,7 @@ header {
} }
overflow: hidden; overflow: hidden;
> section.content { > section.post_list {
.posts { .posts {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;

@ -39,71 +39,71 @@
<article class="tags"> <article class="tags">
<h4>Tags</h4> <h4>Tags</h4>
<div class="tag_container"> <div class="tag_container">
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">neko</a> <span class="name" href="#">neko</span>
<span class="count">10</span> <span class="count">10</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">works</a> <span class="name">works</span>
<span class="count">2</span> <span class="count">2</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">anime</a> <span class="name">anime</span>
<span class="count">4</span> <span class="count">4</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">manga</a> <span class="name">manga</span>
<span class="count">7</span> <span class="count">7</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">original</a> <span class="name">original</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">azur lane</a> <span class="name">azur lane</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">figure</a> <span class="name">figure</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">touhou</a> <span class="name">touhou</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">photoshop</a> <span class="name">photoshop</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">close</a> <span class="name">close</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">cropped</a> <span class="name">cropped</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">waifu2x</a> <span class="name">waifu2x</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
</div> </div>
</article> </article>
</section> </section>
<section class="content"> <section class="post_list">
<div class="posts"> <div class="posts">
<figure style="flex: 307.87 1 307.87px;"> <figure style="flex: 307.87 1 307.87px;">
<a href="#"> <a href="#">

@ -39,66 +39,66 @@
<article class="tags"> <article class="tags">
<h4>Tags</h4> <h4>Tags</h4>
<div class="tag_container"> <div class="tag_container">
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">neko</a> <span class="name">neko</span>
<span class="count">10</span> <span class="count">10</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">works</a> <span class="name">works</span>
<span class="count">2</span> <span class="count">2</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">anime</a> <span class="name">anime</span>
<span class="count">4</span> <span class="count">4</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">manga</a> <span class="name">manga</span>
<span class="count">7</span> <span class="count">7</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">original</a> <span class="name">original</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">azur lane</a> <span class="name">azur lane</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">figure</a> <span class="name">figure</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">touhou</a> <span class="name">touhou</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">photoshop</a> <span class="name">photoshop</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">close</a> <span class="name">close</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">cropped</a> <span class="name">cropped</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
<span> <a href="#">
<span class="fa fa-tag"></span> <span class="fa fa-tag"></span>
<a href="#">waifu2x</a> <span class="name">waifu2x</span>
<span class="count">5</span> <span class="count">5</span>
</span> </a>
</div> </div>
</article> </article>

Loading…
Cancel
Save