Skip to content

Commit 0adcdb7

Browse files
apepindevapepindev
committed
create uses page
1 parent 64ae559 commit 0adcdb7

File tree

5 files changed

+110
-79
lines changed

5 files changed

+110
-79
lines changed

‎source/_assets/css/blog.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,12 @@ h6:hover .heading-permalink
3737
}
3838
}
3939

40+
.uses-border {
41+
transition-property: border-color;
42+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
43+
transition-duration: 200ms;
44+
}
45+
4046
.category {
4147
@apply text-gray-500;
4248
@apply bg-gray-300;

‎source/_components/uses-section.blade.php

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<dl class="-my-3 text-sm">
2+
<div class="grid grid-cols-1 sm:grid-cols-4 mb-4">
3+
<dt class="text-2xl leading-tight mb-4">{{ $heading }}</dt>
4+
<dd class="sm:col-span-3 mb-6 pl-6 border-l border-gray-300 dark:border-neutral-700 uses-border">
5+
{{ $slot }}
6+
</dd>
7+
</div>
8+
</dl>

‎source/_nav/menu-items.blade.php

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1+
<a title="{{ $page->siteName }} About" href="/about"
2+
class="flex my-1 lg:my-0 lg:ml-6 {{ $page->isActive('/about/') ? 'active' : '' }}">
3+
about
4+
</a>
5+
16
@if ($posts->count() > 0)
27
<a title="{{ $page->siteName }} Posts" href="/posts"
38
class="flex my-1 lg:my-0 lg:ml-6 {{ $page->isActive('/posts/') ? 'active' : '' }}">
49
posts
510
</a>
611
@endif
712

8-
<a title="{{ $page->siteName }} About" href="/about"
9-
class="flex my-1 lg:my-0 lg:ml-6 {{ $page->isActive('/about/') ? 'active' : '' }}">
10-
about
11-
</a>
12-
13-
{{--<a title="{{ $page->siteName }} Contact" href="/contact"--}}
14-
{{-- class="lg:ml-6 {{ $page->isActive('/contact/') ? 'active' : '' }}">--}}
15-
{{-- contact--}}
16-
{{--</a>--}}
13+
<a title="{{ $page->siteName }} Uses" href="/uses"
14+
class="flex my-1 lg:my-0 lg:ml-6 {{ $page->isActive('/uses/') ? 'active' : '' }}">
15+
uses
16+
</a>

‎source/contact.blade.php

Lines changed: 0 additions & 70 deletions
This file was deleted.

‎source/uses.blade.php

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
---
2+
title: Contact
3+
description: Get in touch with us
4+
---
5+
@extends('_layouts.main')
6+
7+
@section('body')
8+
<h1>What I use</h1>
9+
10+
<p class="mb-8">Here's what helps me do my day-to-day.</p>
11+
12+
<div class="flow-root py-3">
13+
<x-uses-section heading="Workstations">
14+
<h5>13-inch, M1, 2020 MacBook Pro</h5>
15+
<p>
16+
This is my personal machine. With 16GB memory and 512GB storage it has plenty of power
17+
for what I need it for.
18+
</p>
19+
20+
<h5>16-inch, M1 Pro, 2021 MacBook Pro</h5>
21+
<p>
22+
This is my work machine and it's quite a bit more powerful! With a faster chipset, 32GB
23+
memory and 1TB of storage it makes light work with the software and containers I run.
24+
</p>
25+
</x-uses-section>
26+
27+
<x-uses-section heading="Development Software">
28+
<h5><a href="https://www.jetbrains.com/">JetBrains IDEs</a></h5>
29+
<p>
30+
My go-to IDE is anything by JetBrains. They all come pre-packed with tons of features
31+
that just make my life easier. Currently I'm using PhpStorm and PyCharm.
32+
</p>
33+
34+
<h5><a href="https://iterm2.com/">iTerm2</a></h5>
35+
<p>
36+
Pretty sure this is a common terminal alternative everyone uses on MacOS. The shell I
37+
use is ZSH (<a href="https://ohmyz.sh/">Oh My Zsh</a>) with <a href="https://github.com/romkatv/powerlevel10k">Powerlevel10k</a>.
38+
</p>
39+
40+
<h5><a href="https://orbstack.dev/">OrbStack</a></h5>
41+
<p>
42+
A drop-in replacement to Docker for Mac, and a snappy one too. Works really well x86
43+
emulation and requires less resources.
44+
</p>
45+
46+
<h5><a href="https://github.com/usebruno/bruno">Bruno</a></h5>
47+
<p>
48+
The only "offline" API client with Git collaboration in mind. It's fairly new to the
49+
scene but it has already gained a lot of attention and works great.
50+
</p>
51+
</x-uses-section>
52+
53+
<x-uses-section heading="Other software">
54+
<h5><a href="https://arc.net/">Arc</a></h5>
55+
<p>
56+
Just recently made the switch from Brave and I'm really impressed with it. Comes with
57+
some nice features for development too.
58+
</p>
59+
60+
<h5><a href="https://zed.dev/">Zed</a></h5>
61+
<p>
62+
From the creators of the Atom, they created a text editor that rivals Sublime Text,
63+
which is very impressive!
64+
</p>
65+
66+
<h5><a href="https://boop.okat.best/">Boop</a></h5>
67+
<p>
68+
A neat text manipulation tool that already comes with an array of useful scripts. You
69+
can also create your own scripts too.
70+
</p>
71+
</x-uses-section>
72+
73+
<x-uses-section heading="Peripherals">
74+
<div class="leading-tight">
75+
<h6>Gigabyte M28U Monitor</h6>
76+
<h6>Keychron V1 QMK Keyboard</h6>
77+
<h6>Apple Magic Trackpad</h6>
78+
<h6>Deltahub Carpio 2.0 & G2.0</h6>
79+
<h6>Elgato Stream Deck XL</h6>
80+
<h6>Elgato Wave:3 Microphone</h6>
81+
<h6>Elgato Facecam</h6>
82+
<h6>Elgato Key Light Air</h6>
83+
<h6>BenQ ScreenBar Halo</h6>
84+
</div>
85+
</x-uses-section>
86+
</div>
87+
@stop

0 commit comments

Comments
 (0)