Skip to content

Commit 1b16bd8

Browse files
committed
🚧 add hamburger menu?
1 parent 410c1de commit 1b16bd8

File tree

3 files changed

+57
-4
lines changed

3 files changed

+57
-4
lines changed

assets/sass/libs/_vars.scss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,5 +54,11 @@
5454
border-bg: rgba(255,255,255,0.075),
5555
border2: rgba(255,255,255,0.5),
5656
border2-bg: rgba(255,255,255,0.2)
57-
)
58-
);
57+
),
58+
59+
burger: (
60+
bg: #413833,
61+
accent: #6d747c,
62+
border: #27221f
63+
)
64+
);

assets/sass/main.scss

Lines changed: 32 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
font-size: 16pt;
6464
font-weight: _font(weight);
6565
line-height: 1.75em;
66-
}
66+
}
6767

6868
a {
6969
@include vendor('transition', ('color #{_duration(transition)} ease-in-out', 'border-color #{_duration(transition)} ease-in-out'));
@@ -245,7 +245,37 @@
245245
font-size: 2em;
246246
}
247247
}
248-
}
248+
}
249+
250+
.table-of-contents {
251+
position: fixed;
252+
top: 1em;
253+
right: 1em;
254+
z-index: -1;
255+
background-color: _palette(burger, bg);
256+
padding: (_size(element-margin) * 0.25);
257+
border-radius: _size(border-radius);
258+
min-width: 0;
259+
min-height: 0;
260+
content: 'NAVIGATION';
261+
262+
ul {
263+
list-style: none;
264+
font-size: 0.8em;
265+
opacity: 1;
266+
}
267+
268+
&:hover {
269+
content: '';
270+
}
271+
272+
&:not(:hover) {
273+
margin: 0;
274+
padding: 0;
275+
opacity: 0;
276+
}
277+
278+
}
249279

250280
/* Form */
251281

index.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,23 @@ If you’ve made it here, you’re probably aware that I am seeking my next chal
1111

1212
Below, you can find some more information about me, [where I come from](#education), and [what I've been up to](#open-source-contributions) in recent times. If you think I'd be a good fit for your team, see my [contact information](#contact-information).
1313

14+
- [Employment](#employment)
15+
- [Heritage Carpet & Tile{:target="_blank"}](#heritage-carpet--tiletarget%22blank%22)
16+
- [Australia Post{:target="_blank"}](#australia-posttarget%22blank%22)
17+
- [Open Source Contributions](#open-source-contributions)
18+
- [PowerShell Modules (Primary Author)](#powershell-modules-primary-author)
19+
- [PowerShell Core](#powershell-core)
20+
- [PowerShell-Docs](#powershell-docs)
21+
- [Miscellaneous](#miscellaneous)
22+
- [Clear-Script Blog](#clear-script-blog)
23+
- [Talks](#talks)
24+
- [Communities](#communities)
25+
- [Education](#education)
26+
- [Skills](#skills)
27+
- [Contact Information](#contact-information)
28+
- [Location](#location)
29+
{:class="table-of-contents"}
30+
1431
## Employment
1532

1633
### [Heritage Carpet & Tile](http://www.heritageflooring.com/){:target="_blank"}

0 commit comments

Comments
 (0)