AmineB/devfolio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Projects wip.

Browse Source
This commit is contained in:
mmacneil 2019-08-20 00:17:18 -03:00
parent 529139d03a
commit bf52531677
7 changed files with 49 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/dist/img/project-1-cover.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
src/dist/img/project-2-cover.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
src/dist/img/project-3-cover.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

BIN
src/dist/img/project-4-cover.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
src/dist/img/project-5-cover.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

88
src/dist/index.html vendored
View File

@ -122,27 +122,62 @@
<div class="tile is-vertical is-12"> <div class="tile is-vertical is-12">
<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 is-info"> <article class="tile is-child notification">
<p class="title">Middle tile</p> <p class="title">Project</p>
<p class="subtitle">With an image</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png"> <img 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 is-info"> <article class="tile is-child notification">
<p class="title">Middle tile</p> <p class="title">Project</p>
<p class="subtitle">With an image</p> <p class="subtitle">Client</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png"> <img 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 is-info"> <article class="tile is-child notification">
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-3-cover.png">
</figure>
</article>
</div>
</div>
</div>
</div>
<div class="tile is-ancestor">
<div class="tile is-vertical is-12">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification">
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-4-cover.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">Project</p>
<p class="subtitle">Client</p>
<figure class="image is-4by3">
<img src="img/project-5-cover.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">Middle tile</p> <p class="title">Middle tile</p>
<p class="subtitle">With an image</p> <p class="subtitle">With an image</p>
<figure class="image is-4by3"> <figure class="image is-4by3">
@ -153,41 +188,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-ancestor">
<div class="tile is-vertical is-12">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
</div>
</div>
</div>
</div> </div>
</section> </section>

4
src/src/styles.scss
View File

@ -27,9 +27,13 @@ $control-border-width: 2px;
$input-border-color: transparent; $input-border-color: transparent;
$input-shadow: none; $input-shadow: none;
/* Styles */
.card-gap {margin-top:1.75rem} .card-gap {margin-top:1.75rem}
@import "~bulma/bulma"; // - import everything; @import "~bulma/bulma"; // - import everything;
// Alternatively...import only what you really need from Bulma // Alternatively...import only what you really need from Bulma
/* /*
@import "../node_modules/bulma/sass/elements/container.sass"; @import "../node_modules/bulma/sass/elements/container.sass";