There is shockingly little of the latter content among what I can find. Virtually everyone is offering their advice for the former. The personal has become the professional. And, well... can you blame people, really? The current internet is highly commercialized and focused on promoting products or services. Sure, a website is ostensibly about conveying information, but a lot of that information is intended to get you to do something -- usually something representing a financial transaction.
-No one seems to have any tips or hints on how to make a truly personal website. It's always "build your brand" or "showcase your portfolio" or some other transparently profit-motivated initiative. Everyone is always talking about the sales funnel or the call to action or whatever. It's just assumed you are also like this.
+No one seems to have any tips or hints on how to make a truly personal website. It's always "build your brand" or "showcase your portfolio" or some other transparently profit-motivated initiative. Everyone is always talking about the sales funnel or the call to action or whatever. It's just assumed you are also like this.
How many websites are basically just "Hello I'm $NAME and I'm a $ROLE"? That doesn't really tell me much about a person. It doesn't really stand out at all. But what should you do instead? There's so little that you can take as an example. Perhaps a stroll through something like Neocities might help, but you'd have to look for quite a while.
\ No newline at end of file diff --git a/content/blog/twitter-not-social/index.md b/content/blog/twitter-not-social/index.md index 4972725..91533f0 100644 --- a/content/blog/twitter-not-social/index.md +++ b/content/blog/twitter-not-social/index.md @@ -6,7 +6,7 @@ date = 2018-04-27 tags = ["twitter", "social network", "social media", "analysis", "capitalism"] categories = ["Communication"] [[resources]] -name = "cover" +name = "featured" src = "failwhale.png" +++ diff --git a/content/support/index.html b/content/support/index.html index e81a49d..9b06fdf 100644 --- a/content/support/index.html +++ b/content/support/index.html @@ -18,5 +18,8 @@ layout = "custom_html" +++Much like everyone else under capitalism, I need money to live. Most of the stuff I do is what you might consider "socially useful" but also "general unprofitable". Given our capitalist society, my "value" is judged by the latter criteria rather than the former.
+Information architecture and technical writing, especially for software and APIs.
Artisinally hand-crafted websites that are sure to perform well without sacrificing UX.
Get help implementing open web standards and technologies such as ActivityPub.
diff --git a/assets/scss/content/work/go-fed.scss b/content/work/go-fed/style.scss
similarity index 53%
rename from assets/scss/content/work/go-fed.scss
rename to content/work/go-fed/style.scss
index a12fd46..e217324 100644
--- a/assets/scss/content/work/go-fed.scss
+++ b/content/work/go-fed/style.scss
@@ -1,4 +1,4 @@
-#go-fed {
+main.go-fed {
$gofed-light: #F38D7F;
$gofed-dark: #740D00;
$gofed-bg: #EAEAEA;
@@ -7,6 +7,9 @@
$go-bg: #007D9C;
$go-gopher: #79D4FD;
overflow: hidden;
+
+ --max-container-width: 60rem;
+
.page-header {
.container {
display: grid;
@@ -131,4 +134,111 @@
}
.quote:before, .quote:after {color: $go-gopher}
}
+ .smartphone {
+ img {
+ width: 100%;
+ }
+ display: block;
+ position: relative;
+ max-width: 320px;
+ margin: auto;
+ border: 16px black solid;
+ border-top-width: 60px;
+ border-bottom-width: 80px;
+ border-radius: 36px;
+ background: black;
+ &:before {
+ content: '';
+ display: block;
+ width: 60px;
+ height: 5px;
+ position: absolute;
+ top: -30px;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background: #333;
+ border-radius: 10px;
+ }
+ &:after {
+ content: '';
+ display: block;
+ width: 20%;
+ aspect-ratio: 1;
+ position: absolute;
+ left: 50%;
+ bottom: -96px;
+ transform: translate(-50%, -50%);
+ background: #333;
+ border-radius: 50%;
+ }
+ }
+
+ .laptop {
+ img {
+ width: 100%;
+ }
+ display: block;
+ width: 100%;
+ border-radius: 6px;
+ border-style: solid;
+ border-color: black;
+ border-width: 12px;
+ background-color: black;
+ position: relative;
+ &:after {
+ content: '';
+ position: absolute;
+ width: calc(100% + 3em);
+ height: 7%;
+ left: -1.5em;
+ bottom: -9%;
+ background: #333;
+ border-radius: 0 0 100em 100em;
+ }
+ &:before {
+ content: '';
+ position: absolute;
+ width: 25%;
+ height: 2%;
+ left: 37.5%;
+ bottom: -4%;
+ background: #777;
+ z-index: 2;
+ }
+ margin-bottom: 3.7%;
+ }
+
+ .screenshot {
+ img {
+ width: 100%;
+ }
+ position: relative;
+ width: 100%;
+ &:after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ }
+ &.pc {
+ img {padding: 1.1% 1.2%;}
+ margin-bottom: 21.25%;
+ &:after {
+ height: 140%;
+ background: url('/images/frames/pc.svg');
+ background-repeat: no-repeat;
+ }
+ }
+ &.macbook {
+ img {padding: 2.9% 11.75% 0;}
+ margin-bottom: 11.25%;
+ &:after {
+ height: 250%;
+ background: url('/images/frames/macbook.svg');
+ background-repeat: no-repeat;
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/hugo.toml b/hugo.toml
index dd36fc7..f4714b3 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -48,12 +48,12 @@ name = "Work"
pageRef = "/work/"
weight = 30
-[[menu.main]]
-identifier = "fedi"
-pre = ''
-name = "fedi"
-pageRef = "/fediverse/"
-weight = 40
+# [[menu.main]]
+# identifier = "fedi"
+# pre = ''
+# name = "fedi"
+# pageRef = "/fediverse/"
+# weight = 40
[[menu.main]]
identifier = "blog"
@@ -79,4 +79,5 @@ email = "a@trwnh.com"
[taxonomies]
tag = "tags"
category = "categories"
-series = "series"
\ No newline at end of file
+series = "series"
+author = "authors"
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 2dae1a4..a0c9306 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -16,16 +16,16 @@
{{ with .OutputFormats.Get "rss" -}}
{{ printf `` .Rel .MediaType.Type .Permalink site.Title | safeHTML }}
{{ end }}
- {{ partial "seo.html" . }}
+ {{ partial "site/seo.html" . }}
{{ block "head" . }}
{{ end }}
{{ block "body" . }}
- {{ partial "site-header.html" . }}
+ {{ partial "site/header.html" . }}
{{ block "main" . }}
{{ end }}
- {{ partial "site-footer.html" .}}
+ {{ partial "site/footer.html" .}}
{{ end }}