Contact section and fix mobile navbar links

This commit is contained in:
mmacneil 2019-08-23 22:21:17 -03:00
parent 690ee0f3e4
commit f87431c055
3 changed files with 18 additions and 14 deletions

File diff suppressed because one or more lines are too long

16
src/dist/index.html vendored
View File

@ -11,13 +11,17 @@
<body> <body>
<nav class="navbar is-primary" role="navigation" aria-label="main navigation"> <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<!-- navbar items, navbar burger... --> <div class="navbar-item is-hidden-desktop">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"> <a href="https://github.com/mmacneil" class="icon is-large has-text-light">
<span aria-hidden="true"></span> <i class="fab fa-2x fa-github"></i>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a> </a>
</div> </div>
<div class="navbar-item is-hidden-desktop">
<a href="https://fullstackmark.com" class="icon is-large has-text-light">
<i class="fas fa-2x fa-globe"></i>
</a>
</div>
</div>
<div class="navbar-menu"> <div class="navbar-menu">
<div class="navbar-end"> <div class="navbar-end">
<div class="navbar-item"> <div class="navbar-item">
@ -453,7 +457,7 @@
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
<a href="https://github.com/mmacneil/devfolio" target="_blank" class="icon has-text-primary"> <a href="https://github.com/mmacneil/devfolio" target="_blank" class="icon has-text-info">
<i class="fab fa-github"></i> <strong>devfolio</strong></a> <i class="fab fa-github"></i> <strong>devfolio</strong></a>
</p> </p>
</div> </div>

View File

@ -9,14 +9,14 @@ $widescreen-enabled: false;
$fullhd-enabled: false; $fullhd-enabled: false;
// More theme colors could be added here... // More theme colors could be added here...
$primary: #454545; $primary: hsl(171, 100%, 41%);
// Update some of Bulma's component & color variables
// Update some of Bulma's component variables
$footer-padding: 3rem 1.5rem; $footer-padding: 3rem 1.5rem;
$link: $primary;
$info: #454545;
// Custom Styles // Custom Styles
.card-gap {margin-top:1.75rem} .card-gap {margin-top:1.75rem}
.modal-trigger { cursor: pointer; } .modal-trigger { cursor: pointer; }
a.icon > strong {margin-left:.25rem} a.icon > strong {margin-left:.25rem}
@ -24,8 +24,8 @@ a.icon > strong {margin-left:.25rem}
// import everything - alternatively import just what you need: https://bulma.io/documentation/overview/modular/ // import everything - alternatively import just what you need: https://bulma.io/documentation/overview/modular/
@import "~bulma/bulma"; @import "~bulma/bulma";
// override specific bulma styles
// override specific bulma styles
.section {padding: 2.15rem 1.5rem} .section {padding: 2.15rem 1.5rem}