Git Product home page Git Product logo

oolong's Introduction

[ oolong ] ☕️ / 🍵

Netlify Status

what is oolong?

this is a personal project to re-do my website from scratch with eleventy, learning as i go. my primary goal is to end up with a website i'm happy with. my secondary goal is to fall back in love with the process.

i named this project oolong, after my favorite type of tea. oolong is a partially-oxidized tea, falling between a black & a green tea. there's a legend that it was discovered by accident, by a man who forgot about his tea because he got distracted by a deer.

i like the idea of oolong representing an in-between state — a website that’s not too light, but not too serious. i also like the idea of "brewing" a website to your taste: having different themes, things to play around with, and places to leave notes. i want it to feel comfortable & lived-in, as well as intimate & welcoming, like someone's living room. or a small teashop.

credits

i'm building this site with the help of the learn eleventy from scratch course.

links

oolong's People

Contributors

jilliangmeehan avatar

Watchers

 avatar

oolong's Issues

[new collection] blog posts

collection detail

a collection of blog posts i've written.

collection name: blog posts
collection properties:

  • blog post details
    • title
    • date
    • permalink
    • tags
  • blog post body (md)

tasks

  • create /posts/ folder
  • create a post.md layout with the above properties in the front matter

[new page] /now

page details

title: now
url: /now

page content

this page should be about what i'm doing right now, inspired by derek sivers.

it should include:

  • explanation & link to nownownow
  • date / time it was last updated
  • brief bio — living in bk with my cat, working at lickability, etc
  • a list of media i'm into right now — games i'm playing, books i'm reading, tv shows i'm watching, music i'm listening to
    • embedded spotify playlist
  • link to mastodon
  • link to jillian.garden
  • explanation of this project, since this is what i'm currently working on!

tasks

  • add page to /src
  • decide what content should go on the page
  • figure out basic page layout
  • write & add draft content

[new page] /blog

page details

title: blog
url: /blog

page content

this page will eventually show a collection of blog posts — for now, i just want to get it set up with:

  • a header
  • #6
    • blog post title
    • blog post summary
    • date published

tasks

  • add page to /src
  • add link to nav
  • decide what content should go on the page
  • figure out basic page layout
  • write & add draft content

sample blog post

page details

title: weeknotes (two)
url: /blog/sample

page content

sample blog post, using the content from this post.

tasks

  • figure out where to add the page
  • add content to the page
  • figure out basic page layout

[new page] home

page details

title: home
url: /index

page content

this is the home page, obviously. i think it will probably end up changing a lot over the course of this project, because i want it to be a nice overview of everything else on the site.

but for now, it should include:

  • navigation to other pages
  • brief description of the site, i guess
  • link to mastodon
  • link to jillian.cloud
  • link to jillian.garden

tasks

  • add page to /src
  • decide what content should go on the page
  • figure out basic page layout
  • write & add draft content

add games to cms

tasks

  • remove the existing games pages (have to recreate them in the cms)
  • add gamesplaying folders to cms
  • add a few current games to the playing folder
    • genshin
    • hsr
    • ffxiv
  • add some content to the pages
    • each page should show a list of blog posts tagged with the game title
    • each page should show a "last updated" date

genshin

  • link to enka.network profile
  • latest spiral abyss results
  • stats photo
  • links to tools i've built
  • link to lore site
  • body text

hsr

ffxiv

favicon

add a favicon to the site!

would love to use this:

Image

[new page] changelog

page details

title: changelog
url: /log

page content

i want to have a log on the site — sort of like this one — to keep track of what changes i've made.

it should have:

  • a list of updates
    • each update should have the date & time of the update
    • each update should have some text
  • updates should be sorted reverse-chron, so the latest are at the top

tasks

  • add page to /src
  • decide what content should go on the page
  • figure out basic page layout
  • write & add draft content

[new collection] books

collection details

a collection of books i'm reading, have read, or want to read. eventually, maybe this connects with my literal bookshelf somehow, but for now i'll keep it simple.

collection name: books
collection properties:

  • tags: book
  • book details
    • title
    • author
    • cover
    • url (link to literal)
  • status
    • want to read
    • reading
    • finished reading
    • abandoned
  • rating (just use emoji for now, might use stars for literal later)
  • notes (md body copy)

tasks

  • make a /books/ folder
  • make a book.md layout with the above properties in the front matter
  • add a few books i'm currently reading to the collection

[new collection] games

collection details

a collection of games i'm playing, have played, or want to play.

collection name: games
collection properties:

  • tags: game
  • game details
    • title
    • cover
    • url (link to steam if applicable)
    • game uid (if applicable)
  • status
    • want to play
    • playing
    • playing / ongoing
    • finished playing
    • shelved
  • rating (just use emoji for now, might use stars later)
  • notes (md body copy)

tasks

  • make a /games/ folder
  • make a game.md layout with the above properties in the front matter
  • add a few games i'm currently playing to the collection

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.