Skip to content

Commit bb2831b

Browse files
jvogitjvogit
committed
add: placeholder card
1 parent 54cca29 commit bb2831b

File tree

4 files changed

+38
-30
lines changed

4 files changed

+38
-30
lines changed

‎css/extra.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,11 @@ p, .navbar-menu a, .title {
1414
display: flex;
1515
flex-direction: row;
1616
justify-content: flex-start;
17-
margin: 10px 0px 5px;
17+
margin: 10px 0px 0px;
1818
}
1919
.social-bar a {
2020
margin-right: 20px;
2121
}
2222
.projects {
2323
padding: 1.50rem;
24-
min-height: 500px;
2524
}

‎css/mystyles.css‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -295,7 +295,7 @@ pre {
295295
font-family: monospace; }
296296

297297
body {
298-
color: #4a4a4a;
298+
color: white;
299299
font-size: 1em;
300300
font-weight: 400;
301301
line-height: 1.5; }
@@ -307,7 +307,7 @@ a {
307307
a strong {
308308
color: currentColor; }
309309
a:hover {
310-
color: #363636; }
310+
color: #efefef; }
311311

312312
code {
313313
background-color: whitesmoke;
@@ -348,7 +348,7 @@ fieldset {
348348
pre {
349349
-webkit-overflow-scrolling: touch;
350350
background-color: whitesmoke;
351-
color: #4a4a4a;
351+
color: white;
352352
font-size: 0.875em;
353353
overflow-x: auto;
354354
padding: 1.25rem 1.5rem;
@@ -374,7 +374,7 @@ table th {
374374
background-color: #363636;
375375
border-radius: 6px;
376376
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
377-
color: #4a4a4a;
377+
color: white;
378378
display: block;
379379
padding: 1.25rem; }
380380

@@ -413,7 +413,7 @@ a.box:active {
413413
margin-right: calc(-0.5em - 1px); }
414414
.button:hover, .button.is-hovered {
415415
border-color: #b5b5b5;
416-
color: #363636; }
416+
color: #efefef; }
417417
.button:focus, .button.is-focused {
418418
border-color: #3273dc;
419419
color: #363636; }
@@ -425,7 +425,7 @@ a.box:active {
425425
.button.is-text {
426426
background-color: transparent;
427427
border-color: transparent;
428-
color: #4a4a4a;
428+
color: white;
429429
text-decoration: underline; }
430430
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
431431
background-color: whitesmoke;
@@ -1624,11 +1624,11 @@ a.box:active {
16241624
.progress::-webkit-progress-bar {
16251625
background-color: #ededed; }
16261626
.progress::-webkit-progress-value {
1627-
background-color: #4a4a4a; }
1627+
background-color: white; }
16281628
.progress::-moz-progress-bar {
1629-
background-color: #4a4a4a; }
1629+
background-color: white; }
16301630
.progress::-ms-fill {
1631-
background-color: #4a4a4a;
1631+
background-color: white;
16321632
border: none; }
16331633
.progress.is-white::-webkit-progress-value {
16341634
background-color: white; }
@@ -1716,7 +1716,7 @@ a.box:active {
17161716
animation-name: moveIndeterminate;
17171717
animation-timing-function: linear;
17181718
background-color: #ededed;
1719-
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
1719+
background-image: linear-gradient(to right, white 30%, #ededed 30%);
17201720
background-position: top left;
17211721
background-repeat: no-repeat;
17221722
background-size: 150% 150%; }
@@ -1911,7 +1911,7 @@ a.box:active {
19111911
align-items: center;
19121912
background-color: whitesmoke;
19131913
border-radius: 4px;
1914-
color: #4a4a4a;
1914+
color: white;
19151915
display: inline-flex;
19161916
font-size: 0.75rem;
19171917
height: 2em;
@@ -2062,7 +2062,7 @@ a.tag:hover {
20622062
font-size: 0.75rem; }
20632063

20642064
.subtitle {
2065-
color: #4a4a4a;
2065+
color: white;
20662066
font-size: 1.25rem;
20672067
font-weight: 400;
20682068
line-height: 1.25; }
@@ -2675,7 +2675,7 @@ a.tag:hover {
26752675

26762676
.file-cta {
26772677
background-color: whitesmoke;
2678-
color: #4a4a4a; }
2678+
color: white; }
26792679

26802680
.file-name {
26812681
border-color: #dbdbdb;
@@ -2876,7 +2876,7 @@ a.tag:hover {
28762876
.control.has-icons-left .input:focus ~ .icon,
28772877
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
28782878
.control.has-icons-right .select:focus ~ .icon {
2879-
color: #4a4a4a; }
2879+
color: white; }
28802880
.control.has-icons-left .input.is-small ~ .icon,
28812881
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
28822882
.control.has-icons-right .select.is-small ~ .icon {
@@ -2929,7 +2929,7 @@ a.tag:hover {
29292929
justify-content: center;
29302930
padding: 0 0.75em; }
29312931
.breadcrumb a:hover {
2932-
color: #363636; }
2932+
color: #efefef; }
29332933
.breadcrumb li {
29342934
align-items: center;
29352935
display: flex; }
@@ -2976,7 +2976,7 @@ a.tag:hover {
29762976
.card {
29772977
background-color: #363636;
29782978
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
2979-
color: #4a4a4a;
2979+
color: white;
29802980
max-width: 100%;
29812981
position: relative; }
29822982

@@ -3063,7 +3063,7 @@ a.tag:hover {
30633063
padding-top: 0.5rem; }
30643064

30653065
.dropdown-item {
3066-
color: #4a4a4a;
3066+
color: white;
30673067
display: block;
30683068
font-size: 0.875rem;
30693069
line-height: 1.5;
@@ -3222,7 +3222,7 @@ button.dropdown-item {
32223222
line-height: 1.25; }
32233223
.menu-list a {
32243224
border-radius: 2px;
3225-
color: #4a4a4a;
3225+
color: white;
32263226
display: block;
32273227
padding: 0.5em 0.75em; }
32283228
.menu-list a:hover {
@@ -3340,9 +3340,9 @@ button.dropdown-item {
33403340

33413341
.message-header {
33423342
align-items: center;
3343-
background-color: #4a4a4a;
3343+
background-color: white;
33443344
border-radius: 4px 4px 0 0;
3345-
color: #fff;
3345+
color: rgba(0, 0, 0, 0.7);
33463346
display: flex;
33473347
font-weight: 700;
33483348
justify-content: space-between;
@@ -3363,7 +3363,7 @@ button.dropdown-item {
33633363
border-radius: 4px;
33643364
border-style: solid;
33653365
border-width: 0 0 0 4px;
3366-
color: #4a4a4a;
3366+
color: white;
33673367
padding: 1.25em 1.5em; }
33683368
.message-body code,
33693369
.message-body pre {
@@ -3950,7 +3950,7 @@ body.has-navbar-fixed-bottom {
39503950
overflow-y: hidden; }
39513951

39523952
.navbar-burger {
3953-
color: #4a4a4a;
3953+
color: white;
39543954
cursor: pointer;
39553955
display: block;
39563956
height: 3.25rem;
@@ -3988,7 +3988,7 @@ body.has-navbar-fixed-bottom {
39883988

39893989
.navbar-item,
39903990
.navbar-link {
3991-
color: #4a4a4a;
3991+
color: white;
39923992
display: block;
39933993
line-height: 1.5;
39943994
padding: 0.5rem 0.75rem;
@@ -4285,7 +4285,7 @@ a.navbar-item,
42854285
.pagination-next:hover,
42864286
.pagination-link:hover {
42874287
border-color: #b5b5b5;
4288-
color: #363636; }
4288+
color: #efefef; }
42894289
.pagination-previous:focus,
42904290
.pagination-next:focus,
42914291
.pagination-link:focus {
@@ -4463,7 +4463,7 @@ a.navbar-item,
44634463
color: #363636; }
44644464

44654465
.panel-list a {
4466-
color: #4a4a4a; }
4466+
color: white; }
44674467
.panel-list a:hover {
44684468
color: #afafaf; }
44694469

@@ -4525,7 +4525,7 @@ label.panel-block {
45254525
border-bottom-color: #dbdbdb;
45264526
border-bottom-style: solid;
45274527
border-bottom-width: 1px;
4528-
color: #4a4a4a;
4528+
color: white;
45294529
display: flex;
45304530
justify-content: center;
45314531
margin-bottom: -1px;

‎index.html‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,10 +96,17 @@ <h2 class="subtitle">
9696
<section class="projects" id="projects">
9797
<div class="container">
9898
<div class="columns">
99-
<div class="column">
99+
<div class="column is-full">
100100
<h1 class="title">Projects</h1>
101101
</div>
102102
</div>
103+
<div style="justify-content: center; padding: 100px" class="columns">
104+
<div class="card">
105+
<div class="card-content">
106+
There seems to be no projects... yet!
107+
</div>
108+
</div>
109+
</div>
103110
</div>
104111
</section>
105112
<!-- END PROJECTS -->
@@ -121,7 +128,7 @@ <h1 class="title">Projects</h1>
121128
<i class="fab fa-github"></i>
122129
</span>
123130
</a>
124-
<a href="https://www.linkedin.com/in/justinnvo/" class="button is-link">
131+
<a href="https://www.linkedin.com/in/justinnvo/" class="button is-info">
125132
<span class="icon">
126133
<i class="fab fa-linkedin"></i>
127134
</span>

‎sass/mystyles.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,6 @@ $footer-color: true;
88
$scheme-main: $primary;
99
$scheme-main-bis: #343434;
1010
$link: #afafaf;
11+
$link-hover: #efefef;
12+
$text: white;
1113
@import "../node_modules/bulma/bulma.sass";

0 commit comments

Comments
 (0)