Add introduction, move test stuff off of front page

This commit is contained in:
Jordan Cook 2022-11-15 20:30:21 -06:00
parent 6dadcfafda
commit f130f12b97
11 changed files with 98 additions and 83 deletions

View File

@ -9,14 +9,15 @@ docs:
livedocs: clean
sphinx-autobuild pages _build/html -a \
--watch assets \
--watch templates \
--watch pages/conf.py \
--ignore '*.tmp' \
--port 8181
publish:
rsync -a _build/html/* tilde.team:~/public_html/
rsync -a assets/dotfiles/tagline.txt tilde.team:~/public_html/
rsync -a assets/images/avatar.png tilde.team:~/public_html/
rsync -a assets/dotfiles/.project tilde.team:~/
rsync -rlpt --delete --progress _build/html/* tilde.team:~/public_html/
rsync -pt assets/dotfiles/tagline.txt tilde.team:~/public_html/
rsync -pt assets/images/avatar.png tilde.team:~/public_html/
rsync -pt assets/dotfiles/.project tilde.team:~/
ssh tilde.team 'cp ~/public_html/tagline.txt ~/.ring'
ssh tilde.team 'touch ~/public_html/index.html'

View File

@ -1,17 +1,21 @@
# jwcook's tilde.team page
Markdown-based static site generated with [Sphinx](docs.readthedocs.io) and [MyST](https://myst-parser.readthedocs.io).
## Usage
## Setup
Prerequisites:
* python 3.8+
To build:
```bash
pip install -U -r requirements.txt
```
## Usage
Build:
```bash
make docs
```
Or build with live reload:
Build with live reload:
```bash
make livedocs
```

View File

@ -1,3 +1,6 @@
.sidebar-extlink {
.md-primary {
color: var(--color-brand-primary);
}
.md-secondary {
color: var(--color-brand-content);
}

View File

@ -9,7 +9,7 @@ html_static_path = [
'../assets/js',
] # Exclude assets/images (automatically copied)
exclude_patterns = ['_build', 'README.md']
templates_path = ['../assets/templates']
templates_path = ['../templates']
# Sphinx extensions
extensions = [

View File

@ -1,59 +1,20 @@
# ~jwcook
Hi there, my name is Jordan. I'm a software engineer with interests in open source software, macro
photography, biodiversity, and growing cactus and succulent plants.
## Contents
Right now I'm just playing around and getting this page set up. Meanwhile, you can find other things I work on here:
* [{fab}`github` GitHub](https://github.com/JWCook)
* [{fab}`flickr` Flickr](https://flickr.com/photos/jcook83)
* [{fas}`dove` iNaturalist](https://www.inaturalist.org/observations?place_id=any&user_id=jkcook)
<!-- Hidden ToC tree to populate sidebar -->
```{toctree}
subpage_1
subpage_2
```
:hidden:
## Markdown render test
* plain text
* `inline code`
* _italic text_
* **bold text**
* **_bold italic text_**
### Code blocks
```python
import requests
response = requests.get('https://httpbin.org/get', params={'page': '1'})
print(response.text)
print(response.headers)
```
```bash
for i in {1..10}; do
echo "Hello, world $i!"
done
```
### Images
wow look at this cat
![](../assets/images/cat.png)
### Important status update
how else will people know this is a work in progress
oh man this is going to look so cool when it's done
![](../assets/images/underconstruction_2.gif)
![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif)
## Lorem ipsum
![](../assets/images/lorem_ipsum.gif)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae aliquet nec ullamcorper sit amet risus nullam. Pretium fusce id velit ut tortor pretium viverra. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Morbi non arcu risus quis varius quam quisque id. Turpis massa tincidunt dui ut ornare lectus sit amet. Congue eu consequat ac felis donec. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Platea dictumst quisque sagittis purus sit amet volutpat consequat mauris. Ipsum a arcu cursus vitae congue mauris rhoncus. Egestas dui id ornare arcu odio ut sem. Vel pharetra vel turpis nunc eget lorem dolor. Congue eu consequat ac felis.
Etiam tempor orci eu lobortis elementum nibh. Pharetra pharetra massa massa ultricies mi quis. Consectetur adipiscing elit pellentesque habitant morbi. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Volutpat blandit aliquam etiam erat velit. Euismod lacinia at quis risus sed vulputate odio ut enim. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat pretium. Ut sem viverra aliquet eget sit. Viverra mauris in aliquam sem. Convallis convallis tellus id interdum velit laoreet id donec. Euismod elementum nisi quis eleifend.
Urna id volutpat lacus laoreet non. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse. Duis ut diam quam nulla porttitor massa id. Tempor id eu nisl nunc mi. Vivamus at augue eget arcu. Porttitor leo a diam sollicitudin. Senectus et netus et malesuada fames ac turpis. Neque egestas congue quisque egestas diam. Senectus et netus et malesuada fames ac. Ultrices neque ornare aenean euismod.
Tincidunt nunc pulvinar sapien et. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Sed velit dignissim sodales ut. Quam viverra orci sagittis eu volutpat odio facilisis. Laoreet non curabitur gravida arcu ac tortor dignissim. Auctor elit sed vulputate mi sit amet mauris. Egestas dui id ornare arcu odio ut. Faucibus scelerisque eleifend donec pretium vulputate sapien nec. Lacinia quis vel eros donec ac odio tempor. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Dapibus ultrices in iaculis nunc sed augue lacus. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna.
Ipsum dolor sit amet consectetur adipiscing. Libero justo laoreet sit amet cursus sit amet dictum sit. Sed velit dignissim sodales ut. Tempus urna et pharetra pharetra massa massa ultricies mi quis. Ac placerat vestibulum lectus mauris. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Risus pretium quam vulputate dignissim suspendisse in est ante in. Sit amet mauris commodo quis imperdiet massa. Et sollicitudin ac orci phasellus egestas tellus. Volutpat commodo sed egestas egestas fringilla. Sit amet consectetur adipiscing elit. Morbi enim nunc faucibus a pellentesque sit amet porttitor. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Lectus quam id leo in vitae turpis massa sed. Morbi quis commodo odio aenean sed adipiscing diam donec. Ipsum faucibus vitae aliquet nec.
projects
lorem_ipsum
md_test
Source <https://tildegit.org/jwcook/jwcook.tilde.team>
```

12
pages/lorem_ipsum.md Normal file
View File

@ -0,0 +1,12 @@
# Lorem ipsum
![](../assets/images/lorem_ipsum.gif)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae aliquet nec ullamcorper sit amet risus nullam. Pretium fusce id velit ut tortor pretium viverra. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Morbi non arcu risus quis varius quam quisque id. Turpis massa tincidunt dui ut ornare lectus sit amet. Congue eu consequat ac felis donec. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Platea dictumst quisque sagittis purus sit amet volutpat consequat mauris. Ipsum a arcu cursus vitae congue mauris rhoncus. Egestas dui id ornare arcu odio ut sem. Vel pharetra vel turpis nunc eget lorem dolor. Congue eu consequat ac felis.
Etiam tempor orci eu lobortis elementum nibh. Pharetra pharetra massa massa ultricies mi quis. Consectetur adipiscing elit pellentesque habitant morbi. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Volutpat blandit aliquam etiam erat velit. Euismod lacinia at quis risus sed vulputate odio ut enim. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat pretium. Ut sem viverra aliquet eget sit. Viverra mauris in aliquam sem. Convallis convallis tellus id interdum velit laoreet id donec. Euismod elementum nisi quis eleifend.
Urna id volutpat lacus laoreet non. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse. Duis ut diam quam nulla porttitor massa id. Tempor id eu nisl nunc mi. Vivamus at augue eget arcu. Porttitor leo a diam sollicitudin. Senectus et netus et malesuada fames ac turpis. Neque egestas congue quisque egestas diam. Senectus et netus et malesuada fames ac. Ultrices neque ornare aenean euismod.
Tincidunt nunc pulvinar sapien et. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Sed velit dignissim sodales ut. Quam viverra orci sagittis eu volutpat odio facilisis. Laoreet non curabitur gravida arcu ac tortor dignissim. Auctor elit sed vulputate mi sit amet mauris. Egestas dui id ornare arcu odio ut. Faucibus scelerisque eleifend donec pretium vulputate sapien nec. Lacinia quis vel eros donec ac odio tempor. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Dapibus ultrices in iaculis nunc sed augue lacus. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna.
Ipsum dolor sit amet consectetur adipiscing. Libero justo laoreet sit amet cursus sit amet dictum sit. Sed velit dignissim sodales ut. Tempus urna et pharetra pharetra massa massa ultricies mi quis. Ac placerat vestibulum lectus mauris. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Risus pretium quam vulputate dignissim suspendisse in est ante in. Sit amet mauris commodo quis imperdiet massa. Et sollicitudin ac orci phasellus egestas tellus. Volutpat commodo sed egestas egestas fringilla. Sit amet consectetur adipiscing elit. Morbi enim nunc faucibus a pellentesque sit amet porttitor. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Lectus quam id leo in vitae turpis massa sed. Morbi quis commodo odio aenean sed adipiscing diam donec. Ipsum faucibus vitae aliquet nec.

39
pages/md_test.md Normal file
View File

@ -0,0 +1,39 @@
# Markdown test
* plain text
* `inline code`
* _italic text_
* **bold text**
* **_bold italic text_**
## Code blocks
```python
import requests
response = requests.get(
'https://httpbin.org/get',
params={'page': '1'},
)
print(response.text)
print(response.headers)
```
```bash
for i in {1..10}; do
echo "Hello, world $i!"
done
```
## Images
wow look at this cat
![](../assets/images/cat.png)
## Important status update
how else will people know this is a work in progress
oh man this is going to look so cool when it's done
![](../assets/images/underconstruction_2.gif)
![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif) ![](../assets/images/underconstruction_1.gif)

2
pages/projects.md Normal file
View File

@ -0,0 +1,2 @@
# Projects
TODO

View File

@ -1 +0,0 @@
# Subpage 1

View File

@ -1 +0,0 @@
# Subpage 2

View File

@ -38,6 +38,8 @@
</label>
</div>
</header>
<!-- Left sidebar -->
<aside class="sidebar-drawer">
<div class="sidebar-container">
{% block left_sidebar %}
@ -45,19 +47,12 @@
{%- for sidebar_section in sidebars %}
{%- include sidebar_section %}
{%- endfor %}
<!-- TODO: insert via template variables -->
<div align="center">
<a title="Source" href="https://tildegit.org/jwcook/jwcook.tilde.team"><i class="fa-brands
fa-git-alt" style="color: var(--color-brand-primary)"></i></a>
<a title="GitHub" href="https://github.com/JWCook"><i class="fa-brands fa-github" style="color: var(--color-brand-primary)"></i></a>
<a title="Flickr" href="https://flickr.com/photos/jcook83/"><i class="fa-brands fa-flickr" style="color: var(--color-brand-primary)"></i></a>
<a title="iNaturalist" href="https://www.inaturalist.org/observations?place_id=any&user_id=jkcook"><i class="fa-solid fa-spider" style="color: var(--color-brand-primary)"></i></a>
</div>
<br>
</div>
{% endblock left_sidebar %}
</div>
</aside>
<!-- Main content -->
<div class="main">
<div class="content">
<div class="article-container">
@ -77,6 +72,8 @@
{% block content %}{{ body }}{% endblock %}
</article>
</div>
<!-- Footer: Webring links, last updated, view counter -->
<footer>
{% block footer %}
<div class="bottom-of-page">
@ -92,20 +89,18 @@
</div>
<div align="right">
{%- if last_updated -%}
<div class="last-updated">
{% trans last_updated=last_updated|e -%}
Last updated on {{ last_updated }}
{%- endtrans -%}
</div>
<div class="last-updated">Last updated on {{ last_updated }}</div>
{%- endif %}
<a href="https://hits.sh/tilde.team/~jwcook/">
<img alt="Hits" src="https://hits.sh/tilde.team/~jwcook.svg?style=flat-square&label=views%3A&color=83a598&labelColor=504945"/></a>
<img alt="Page views" src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Ftilde.team%2F%7Ejwcook%2F&title=views&count_bg=%2383A598&title_bg=%23504945&title=hits&edge_flat=false"/>
<!-- <img alt="Page views" src="https://hits.sh/tilde.team/~jwcook.svg?style=flat-square&label=views%3A&color=83a598&labelColor=504945"/> -->
<img src="https://tilde.team/~steph/cgi-bin/pixel.sh" />
</div>
</div>
{% endblock footer %}
</footer>
</div>
<!-- Right sidebar -->
<aside class="toc-drawer{% if furo_hide_toc %} no-toc{% endif %}">
{% block right_sidebar %}
{% if not furo_hide_toc %}