-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
97 lines (92 loc) · 6.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
---
title: The /interests Directory
description: A directory of /interests pages.
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="favicon.ico">
<link rel="canonical" href="{{ site.data.site.url }}">
<meta name="description" content="{{ page.description }}">
<meta name="theme-color" content="{{ site.data.site.color }}">
<meta name="color-scheme" content="light dark">
</head>
<body>
<header>
<img src="logo.png" alt="" width="128" height="128" loading="lazy" decoding="async" role="presentation">
<h1>{{ page.title }}</h1>
</header>
<main class=" [ flow ] ">
<h2 id="what">What is an <q>/interests page</q>?</h2>
<blockquote class=" [ flow ] ">
<p>This page is, in essence, a place for website authors to list out things they’re passionate about and expound on what it is about those things that excites them. This builds on the idea of what makes clubs, groups, collectives, meetups, conferences, etc. so appealing. There is very little so stimulating as listening to someone eagerly talk about the things that they’re enthusiastic and knowledgable about!</p>
<p>The hope is that our <code style="white-space: nowrap;">/interests</code> pages can act as a clarion call for others to hear, creating the spark for avid and spirited conversation about topics close to our hearts that we might not have otherwise known were shared.</p>
</blockquote>
<p>This idea was first proposed as an addition to the <a href="https://nownownow.com/about" rel="external noopener">nownownow.com</a> and <a href="https://aboutideasnow.com/about" rel="external noopener">About Ideas Now</a> initiatives with the post <a href="https://chrisburnell.com/note/slash-interests/" rel="external noopener"><q>What are you interested in?</q></a> by <a href="https://chrisburnell.com/" rel="external noopener">Chris Burnell</a> on <time datetime="2024-05-01T19:37:12+08:00">1 May 2024</time>.</p>
<hr>
<h2 id="directory">Directory</h2>
<ul class=" [ people-list ] " role="list">
{% assign people_sorted = site.people | sort_natural: 'name' %}
{% for person in people_sorted %}
<li>
<img class=" [ image ] " src="https://v1.indieweb-avatar.11ty.dev/{{ person.page | url_encode }}/" alt="" width="96" height="96" loading="lazy" decoding="async" role="presentation">
<span class=" [ name ] ">{{ person.name }}</span>
<a class=" [ page ] " href="{{ person.page }}" rel="external noopener">{{ person.page }}</a>
</li>
{% endfor %}
<li>
<span class=" [ image ] ">❓</span>
<a class=" [ cta ] " href="#add">Add yours here?</a>
</li>
</ul>
<hr>
<h2 id="add">Add your /interests page</h2>
<p>If you have an account on <a href="https://github.com" rel="external noopener">GitHub</a>, please follow the steps below.</p>
<p><strong>If not</strong>, or if you run into any issues, feel free to <a href="https://chrisburnell.com/about/#contact" rel="external noopener">reach out to me</a> and let me know what <em>name</em> you would like to have appear in the list <strong>and</strong> the <abbr title="uniform resource locator">URL</abbr> of your <code style="white-space: nowrap;">/interests</code> page.</p>
<ol class=" [ flow ] ">
<li class=" [ flow ] ">
<p>Create a new file in the <em>_people</em> directory in the GitHub repository by clicking <q>Add file</q> → <q>Create new file</q>:</p>
<p><a href="https://github.com/chrisburnell/interests-directory/tree/main/_people" rel="external noopener">https://github.com/chrisburnell/interests-directory/tree/main/_people</a></p>
</li>
<li class=" [ flow ] ">
<p>GitHub will prompt you to <em>fork</em> the repository under your own user so that a <dfn title="a request to merge changes from one branch or fork of a repository into another">Pull Request</dfn> can be made.</p>
<p><a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request" rel="external noopener">Learn more about Pull Requests.</a></p>
</li>
<li class=" [ flow ] ">
<p>Name the file with some variation of your name/website as a Markdown file with the <code>.md</code> file extension.</p>
<p><em>e.g.</em> <q><code>janedoe.md</code></q></p>
</li>
<li class=" [ flow ] ">
<p>Add the following as the contents of the file, replacing the <strong>name</strong> and <strong>page</strong> values with your own:</p>
<pre><code tabindex="0">---
name: Jane Doe
page: https://example.com/interests
---</code></pre>
</li>
<li class=" [ flow ] ">
<p>Commit the file, and if you’d be so kind, set the <em>Commit Message</em> to something that helps me understand what your commit is doing.</p>
<p><em>e.g.</em> <q><code>add: Jane Doe to the directory</code></q></p>
</li>
<li class=" [ flow ] ">
<p>GitHub will then prompt you to create a <em>Pull Request</em> against the original repository. Do so, and you’re all set!</p>
</li>
<li class=" [ flow ] ">
<p>Submissions will be reviewed as quickly as possible, and when your <em>Pull Request</em> is merged, your website will appear in the <a href="#directory">directory</a> above!</p>
</li>
</ol>
<p>If you want an example of how this file looks with real user data, you can look at the source code of any of the files in the <code>_people</code> directory, <em>e.g.</em> <a href="https://github.com/chrisburnell/interests-directory/blob/main/_people/chrisburnell.md" rel="external noopener">in this file</a>.</p>
<h2 id="remove">Remove your /interests page</h2>
<p>If, for any reason, you wish to remove your <code style="white-space: nowrap;">/interests</code> page from the directory, you can follow the above steps, but instead of *Creating* a new file, *Delete* your respective file.</p>
<p>Only Pull Requests made by the same GitHub user that originally *added* the file will be merged, i.e. please do not request deletions on behalf of someone else.</p>
<p>If you want a maintainer to do this for you, please <a href="" rel="external noopener">get in touch</a>, and you’ll be asked to provide proof that you are the owner of the page before it’s removed from the directory.</p>
</main>
<footer class=" [ flow ] ">
<p style="font-size: var(--font-size-1);">Maintained and built with <span class=" [ visually-hidden ] ">love</span> <span aria-hidden="true" style="user-select: none;">♥</span> by <a href="https://chrisburnell.com/" rel="external noopener">Chris Burnell</a>.</p>
<p>You can view the source code <a href="https://github.com/chrisburnell/interests-directory/" rel="external noopener">on GitHub</a>.</p>
</footer>
</body>
</html>