chore: trim styles
This commit is contained in:
parent
cae9c342d6
commit
e9f804ecf9
5 changed files with 33 additions and 95 deletions
13
netlify.toml
13
netlify.toml
|
|
@ -1,3 +1,10 @@
|
|||
###
|
||||
# BUILD
|
||||
###
|
||||
[build]
|
||||
command = "npm run build"
|
||||
publish = "_site"
|
||||
|
||||
###
|
||||
# URLs
|
||||
###
|
||||
|
|
@ -58,8 +65,4 @@ for = "/contribute.json"
|
|||
X-Frame-Options = "DENY"
|
||||
X-XSS-Protection = "1; mode=block"
|
||||
Referrer-Policy = "strict-origin-when-cross-origin"
|
||||
Permissions-Policy = "autoplay=(), camera=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), publickey-credentials-get=()"
|
||||
|
||||
[build]
|
||||
command = "npm run build"
|
||||
publish = "_site"
|
||||
Permissions-Policy = "autoplay=(), camera=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), publickey-credentials-get=()"
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
<footer>
|
||||
<nav class="social__main">
|
||||
<nav class="social__main flex--centered">
|
||||
{% for link in nav.social %}
|
||||
{% render "partials/nav/linked-icon.liquid", name: link.name, link: link.url, icon: link.icon %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<nav class="links__secondary">
|
||||
<nav class="links__secondary flex--centered">
|
||||
{% for link in nav.footer %}
|
||||
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
|
||||
{% if not forloop.last %}<span>•</span>{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<nav>
|
||||
<ul>
|
||||
<ul class="flex--centered">
|
||||
{% for link in nav.menu %}
|
||||
<li>
|
||||
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
|
||||
|
|
|
|||
|
|
@ -258,11 +258,8 @@ article {
|
|||
|
||||
/* nav */
|
||||
nav ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
|
@ -360,10 +357,6 @@ nav ul li:last-child {
|
|||
stroke: var(--blue-800);
|
||||
}
|
||||
|
||||
.pagination {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.pagination button {
|
||||
appearance: none;
|
||||
background: none;
|
||||
|
|
@ -398,8 +391,6 @@ nav ul li:last-child {
|
|||
|
||||
footer .social__main,
|
||||
footer .links__secondary {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
|
@ -524,7 +515,6 @@ article time {
|
|||
font-weight: 400 !important;
|
||||
border-radius: var(--rounded-sm);
|
||||
background-color: var(--white);
|
||||
width: 100%;
|
||||
outline: none;
|
||||
border: 1px solid var(--blue-600);
|
||||
}
|
||||
|
|
@ -616,10 +606,6 @@ ul, ol {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footnote-item > p {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul li,
|
||||
ol li {
|
||||
margin-top: .375rem;
|
||||
|
|
@ -697,7 +683,6 @@ ol li {
|
|||
}
|
||||
|
||||
.now__section--text p > svg {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
height: 1.25rem;
|
||||
width: 1.25rem;
|
||||
|
|
@ -839,10 +824,6 @@ article .now__section--header {
|
|||
border-color: var(--blue-800);
|
||||
}
|
||||
|
||||
.webmentions__wrapper .interaction__wrapper .comment__wrapper--interior {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.webmentions__wrapper .interaction__wrapper .comment__wrapper--interior .comment {
|
||||
margin-left: .75rem;
|
||||
}
|
||||
|
|
@ -899,7 +880,6 @@ article .now__section--header {
|
|||
padding-top: 3rem;
|
||||
padding-bottom: 1rem;
|
||||
border-top: 1px solid var(--gray-200);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.author__wrapper,
|
||||
|
|
@ -1057,6 +1037,17 @@ textarea {
|
|||
transition-property: border-color;
|
||||
}
|
||||
|
||||
.pagination,
|
||||
.webmentions__wrapper .interaction__wrapper .comment__wrapper--interior,
|
||||
.author__wrapper {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.now__section--text p > svg,
|
||||
.footnote-item > p {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* screens: small */
|
||||
@media screen and (min-width: 640px) {
|
||||
main {
|
||||
|
|
@ -1248,10 +1239,6 @@ textarea {
|
|||
background-color: var(--black);
|
||||
}
|
||||
|
||||
.pagefind-ui__form mark {
|
||||
background-color: var(--blue-400);
|
||||
}
|
||||
|
||||
.pagefind-ui__form .pagefind-ui__result-link {
|
||||
color: var(--blue-400);
|
||||
}
|
||||
|
|
@ -1270,10 +1257,6 @@ textarea {
|
|||
}
|
||||
|
||||
/* buttons */
|
||||
.pill--button {
|
||||
background-color: var(--blue-400);
|
||||
}
|
||||
|
||||
.pill--button:hover,
|
||||
.pill--button:active,
|
||||
.pill--button:focus {
|
||||
|
|
@ -1303,35 +1286,29 @@ textarea {
|
|||
border-color: var(--blue-400);
|
||||
}
|
||||
|
||||
.media__grid .item__wrapper:hover {
|
||||
border-color: var(--blue-200)
|
||||
}
|
||||
|
||||
/* images */
|
||||
.image__banner {
|
||||
border-color: var(--blue-400);
|
||||
}
|
||||
|
||||
.post-graph__progress {
|
||||
background-color: var(--blue-400);
|
||||
}
|
||||
|
||||
/* widgets */
|
||||
.author__wrapper,
|
||||
.webmentions__wrapper {
|
||||
border-color: var(--gray-900);
|
||||
}
|
||||
|
||||
.webmentions__wrapper .interaction__wrapper .avatar__wrapper:hover,
|
||||
.webmentions__wrapper .interaction__wrapper .comment__wrapper:hover .avatar__wrapper {
|
||||
border-color: var(--blue-200);
|
||||
}
|
||||
|
||||
.webmentions__wrapper .interaction__wrapper .avatar__wrapper {
|
||||
background-color: var(--white);
|
||||
border-color: var(--black);
|
||||
}
|
||||
|
||||
/* shared styles */
|
||||
.media__grid .item__wrapper:hover,
|
||||
.webmentions__wrapper .interaction__wrapper .avatar__wrapper:hover,
|
||||
.webmentions__wrapper .interaction__wrapper .comment__wrapper:hover .avatar__wrapper {
|
||||
border-color: var(--blue-200);
|
||||
}
|
||||
|
||||
.main__title h1 a,
|
||||
footer .links__secondary a,
|
||||
nav ul li a,
|
||||
|
|
@ -1343,7 +1320,10 @@ textarea {
|
|||
}
|
||||
|
||||
.highlight-text,
|
||||
.progress-bar {
|
||||
.progress-bar,
|
||||
.pagefind-ui__form mark,
|
||||
.pill--button,
|
||||
.post-graph__progress {
|
||||
background-color: var(--blue-400);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
---
|
||||
date: '2023-12-19'
|
||||
title: "Why I'm leaning into Google services"
|
||||
description: "I'm leaning into Google services when, at least in the circles I frequent, doing so is, frankly, seen negatively or simply out of the realm of consideration. But, hear me out."
|
||||
draft: false
|
||||
tags: ['Google', 'macOS', 'Apple', 'privacy', 'tech']
|
||||
---
|
||||
I'm leaning into Google services when, at least in the circles I frequent, doing so is, frankly, seen negatively or simply out of the realm of consideration. But, hear me out.<!-- excerpt -->
|
||||
|
||||
I've tried just about every competing email service[^1]. Being a committed user of Apple products and deeply invested in their walled garden I've tried iCloud and, well, it's disappointing to say the least[^2].
|
||||
|
||||
If I'm going to collaborate on a document with someone it's going to be in Docs or Sheets.
|
||||
|
||||
If I'm going to respond to a calendar invite, it *very likely*, was sent from Google Calendar and I'll have to respond from there to properly record a response.
|
||||
|
||||
I use iCloud Drive heavily, with advanced data protection enabled, but it leaves just about everything to be desired when it comes to sharing anything with anyone outside of Apple's ecosystem. Google Drive is widely adopted and excels at this.
|
||||
|
||||
If I'm going to initiate a video call the other participants are going to expect:
|
||||
|
||||
1. Zoom
|
||||
2. Google Meet
|
||||
3. A cancellation[^3]
|
||||
|
||||
If I'm navigating in the car, lord help me if I'm not using Google Maps.
|
||||
|
||||
Gmail does a good job sorting my email for me and I don't have to rely on meticulously maintained filters and rules. Sometimes I can just reply with one of its suggestions.
|
||||
|
||||
I pay for Google Workspace Individual which gets me an ad-free inbox, some additional Meet features and scheduling links[^4].
|
||||
|
||||
I don't use Google Analytics, but Plausible integrates with their search console.
|
||||
|
||||
I don't use Chrome but their apps work just fine in Safari.
|
||||
|
||||
If an app integrates with anything, it'll be Google and/or Gmail first.
|
||||
|
||||
This all dances around privacy concerns with respect to Google, but to that I'll say: targeted advertising aside, they have world-class engineers and I can expect their services to be robust, reliable and exceedingly well implemented[^5].
|
||||
|
||||
Am I trading privacy for some convenience? Perhaps — but I can't help but think it's the pragmatic choice given the myriad friction points this choice avoids. It's being able to collaborate easier, manage video calls more simply, be a bit lazier with email, adopt more apps that integrate with each other and simply **use popular tools and move on**[^6].
|
||||
|
||||
[^1]: Fastmail, Soverin, mailbox.org, Runbox, Mailfence, Proton, HEY, iCloud et al (I'll admit to having not tried Zoho, Onmail or Migadu).
|
||||
[^2]: I've got mail rules acting on my account there that I can neither edit or remove. They're not displayed in the UI nor the API response that fetches the mailbox rules upon inspection of the application's network traffic which does not install confidence in the application. Support suggested I supply them with a screenshot of the app *exactly* when a rule is applied to make finding the pertinent logs easier **OR** restart the macOS client (where no rules are configured, mind you).
|
||||
[^3]: I jest and I like services like Whereby and Jitsi but convincing participants to use either is not a hill I'm excited to die on.
|
||||
[^4]: No it's not as good as Calendly or SavvyCal but it's plenty robust for my needs.
|
||||
[^5]: Apple targets ads too, but I would not characterize their services as world class.
|
||||
[^6]: I don't love the dominant position Google has with respect to email but the same is true of the behavior of Apple, Amazon, Meta or any other large-scale corporation. Show me a large company and I'll find you a moral failing to pillory them for. I'm unconvinced that individual consumer choices can solve systemic societal issues. Is that a defeatist attitude? Maybe, probably. `¯\_(ツ)_/¯`
|
||||
Reference in a new issue