Contact section and fix mobile navbar links
This commit is contained in:
parent
690ee0f3e4
commit
f87431c055
2
src/dist/css/main.bundle.css
vendored
2
src/dist/css/main.bundle.css
vendored
File diff suppressed because one or more lines are too long
16
src/dist/index.html
vendored
16
src/dist/index.html
vendored
@ -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>
|
||||||
|
@ -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}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user