-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #138 from whitep4nth3r/add-ai-page
add ai page
- Loading branch information
Showing
12 changed files
with
172 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| .ai__content { | ||
| max-width: 600px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| text-align: left; | ||
| } | ||
|
|
||
| .ai__cta { | ||
| max-width: 400px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| margin-top: 2rem; | ||
| margin-bottom: 1rem; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .ai__title { | ||
| @include font_bold; | ||
| font-size: clamp(2rem, 4vw, 4rem); | ||
| margin-top: 2rem; | ||
| margin-bottom: 2rem; | ||
| color: var(--color-body); | ||
| } | ||
|
|
||
| .ai__subtitle { | ||
| @include font_bold; | ||
| font-size: 2rem; | ||
| margin-top: 2rem; | ||
| margin-bottom: 2rem; | ||
| color: var(--color-body); | ||
| } | ||
|
|
||
| .ai__text { | ||
| @include font_main; | ||
| font-size: 1.4rem; | ||
| line-height: 1.4; | ||
| margin-bottom: 1rem; | ||
| color: var(--color-fg); | ||
| display: block; | ||
|
|
||
| &:last-of-type { | ||
| margin-bottom: 4rem; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -42,3 +42,4 @@ | |
| @import "newsletter-signup"; | ||
| @import "webring"; | ||
| @import "video"; | ||
| @import "ai"; | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| const OpenGraph = require("../../lib/openGraph"); | ||
|
|
||
| const pageTitle = "My AI Manifesto"; | ||
|
|
||
| exports.data = { | ||
| layout: "base.html", | ||
| title: pageTitle, | ||
| metaDescription: "I don't use AI on my website or to generate content verbatim. But it does have its uses.", | ||
| openGraphImageUrl: OpenGraph.generateImageUrl({ title: pageTitle }), | ||
| openGraphImageAlt: OpenGraph.generateImageAlt(pageTitle), | ||
| openGraphImageWidth: OpenGraph.imgWidth, | ||
| openGraphImageHeight: OpenGraph.imgHeight, | ||
| openGraphUrl: "https://whitep4nth3r.com/ai/", | ||
| includeInSitemap: true, | ||
| }; | ||
|
|
||
| exports.render = function () { | ||
| return /* html */ ` | ||
| <div class="ai__content"> | ||
| <h1 class="ai__title">AI Usage</h1> | ||
| <p class="ai__text">Everything I publish on the internet — including this website and my newsletter — is created, built and written by me using my own thoughts, ideas, and experience.</p> | ||
| <p class="ai__text">I may use LLMs and AI lightly as tools during the content creation process to help with things like summarising large transcripts or articles that I use as source material. Sometimes I use tools like GitHub Copilot to help me write code (but it's more fun and a better learning experience to write the code by hand).</p> | ||
| <p class="ai__text">This website is my playground and my exploration space, and I like to painstakingly handcraft it myself.</p> | ||
| <p class="ai__text">I have a strong dislike for AI-generated art and music. Whilst it may be a quick way to generate royalty-free assets for your project, it is devoid of imagination, creativity and the human spirit.</p> | ||
| <p class="ai__text">This page is my <a href="https://www.bydamo.la/p/ai-manifesto" target="_blank">AI manifesto</a>.</p> | ||
| <div class="ai__cta"> | ||
| <div class="newsletterSignup"> | ||
| <h2 class="newsletterSignup__title"> | ||
| Want | ||
| <span>weird stuff</span> | ||
| in your inbox? | ||
| </h2> | ||
| <p class="newsletterSignup__para"> | ||
| Enter the Weird Wide Web Hole to find no answers to questions you didn't know you had. | ||
| </p> | ||
| <a href="https://buttondown.email/weirdwidewebhole" class="newsletterSignup__submit" target="_blank"> | ||
| Subscribe | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters