Projects wip.

This commit is contained in:
mmacneil 2019-08-21 22:05:20 -03:00
parent bdcc48bc3b
commit e354542398

View File

@ -123,28 +123,23 @@
<div class="tile"> <div class="tile">
<div class="tile is-parent is-vertical"> <div class="tile is-parent is-vertical">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-1-modal" src="img/project-1-cover.png"> <img class="modal-trigger" data-target="project-1-modal" src="img/project-1-cover.png">
</figure> </figure>
</article> </article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png"> <img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
</figure> </figure>
</article> </article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png"> <img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
</figure> </figure>
@ -158,28 +153,23 @@
<div class="tile"> <div class="tile">
<div class="tile is-parent is-vertical"> <div class="tile is-parent is-vertical">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png"> <img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
</figure> </figure>
</article> </article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png"> <img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
</figure> </figure>
</article> </article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<article class="tile is-child notification"> <article class="tile is-child notification">
<p class="title">Project</p> <p class="title">Project title</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png"> <img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
</figure> </figure>
@ -225,167 +215,167 @@
</div> </div>
<div id="project-2-modal" class="modal"> <div id="project-2-modal" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<p class="modal-card-title">Project title</p> <p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button> <button class="delete" aria-label="close"></button>
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<p class="image is-3by2"> <p class="image is-3by2">
<img src="img/project-2-cover.png" alt=""> <img src="img/project-2-cover.png" alt="">
</p> </p>
<div class="content"> <div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. consequat.
</div> </div>
<div class="tags"> <div class="tags">
<span class="tag">angular</span> <span class="tag">angular</span>
<span class="tag">mongo</span> <span class="tag">mongo</span>
<span class="tag">typscript</span> <span class="tag">typscript</span>
<span class="tag">node</span> <span class="tag">node</span>
</div> </div>
</section> </section>
<footer class="modal-card-foot"> <footer class="modal-card-foot">
<button class="button is-success">Close</button> <button class="button is-success">Close</button>
</footer> </footer>
</div>
</div> </div>
</div>
<div id="project-3-modal" class="modal"> <div id="project-3-modal" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<p class="modal-card-title">Project title</p> <p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button> <button class="delete" aria-label="close"></button>
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<p class="image is-3by2"> <p class="image is-3by2">
<img src="img/project-3-cover.png" alt=""> <img src="img/project-3-cover.png" alt="">
</p> </p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div class="content">
<div id="project-4-modal" class="modal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
<div class="modal-background"></div> magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
<div class="modal-card"> consequat.
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-4-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div> </div>
</div>
<div class="tags">
<div id="project-5-modal" class="modal"> <span class="tag">angular</span>
<div class="modal-background"></div> <span class="tag">mongo</span>
<div class="modal-card"> <span class="tag">typscript</span>
<header class="modal-card-head"> <span class="tag">node</span>
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-5-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div> </div>
</div>
<div id="project-6-modal" class="modal"> </section>
<div class="modal-background"></div> <footer class="modal-card-foot">
<div class="modal-card"> <button class="button is-success">Close</button>
<header class="modal-card-head"> </footer>
<p class="modal-card-title">Project title</p> </div>
<button class="delete" aria-label="close"></button> </div>
</header>
<section class="modal-card-body">
<p class="image is-3by2"> <div id="project-4-modal" class="modal">
<img src="img/project-6-cover.png" alt=""> <div class="modal-background"></div>
</p> <div class="modal-card">
<header class="modal-card-head">
<div class="content"> <p class="modal-card-title">Project title</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore <button class="delete" aria-label="close"></button>
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo </header>
consequat. <section class="modal-card-body">
</div> <p class="image is-3by2">
<img src="img/project-4-cover.png" alt="">
<div class="tags"> </p>
<span class="tag">angular</span>
<span class="tag">mongo</span> <div class="content">
<span class="tag">typscript</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
<span class="tag">node</span> magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</div> consequat.
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div> </div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-5-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-5-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<div id="project-6-modal" class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Project title</p>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="image is-3by2">
<img src="img/project-6-cover.png" alt="">
</p>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.
</div>
<div class="tags">
<span class="tag">angular</span>
<span class="tag">mongo</span>
<span class="tag">typscript</span>
<span class="tag">node</span>
</div>
</section>
<footer class="modal-card-foot">
<button class="button is-success">Close</button>
</footer>
</div>
</div>
<!-- <h1 class="title"> <!-- <h1 class="title">
Bulma Bulma
</h1> </h1>