GithubHelp home page GithubHelp logo

bretfisher / ghost-edition Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tryghost/edition

1.0 1.0 1.0 4.16 MB

The newsletter theme for Ghost

Home Page: https://edition.ghost.io/

License: MIT License

CSS 20.41% JavaScript 58.87% Handlebars 20.72%

ghost-edition's Introduction

Oh hi ๐Ÿ‘‹

apiVersion: v48
kind: Human
metadata:
  name: Bret Fisher
spec:
  purpose: Help others learn container DevOps
  sponsorship: bretfisher.com/members
  locations:
    - 
      type: YouTube Live Stream on Thursdays
      where: bret.live
    - 
      type: Newsletter
      where: bret.news
    - 
      type: Homepage
      where: bretfisher.com
    - 
      type: Discord Server
      where: devops.fan
    -
      type: Podcast
      where: bretfisher.com/podcast
  favorites:
    number: 42
    animal: ๐Ÿถ
    emoji: ๐Ÿคฆ
    food: ๐Ÿฅฉ
    drink: ๐Ÿฅƒ

๐Ÿ™‹โ€โ™€๏ธ You can Ask-Me-Anything in my ama repository, or tweet @BretFisher.

๐Ÿ’ฌ Join my 12k+ member DevOps community on Discord: devops.fan.

๐Ÿ“ฐ Read my Cloud Native Newsletter: bret.news

โ˜•๏ธ ๐Ÿค‘ Please support my DevOps YouTube Live show, podcast, and open source content by buying me a coffee every month at bretfisher.com/members!

๐Ÿง‘โ€๐Ÿซ My course repositories

My examples and templates (New stuff on top)

My tools (often used for learning Containers, Kubernetes, and Docker)

  • shpod - Common Kubernetes tools in a single pod.
  • httping - Ping with HTTP. Fantastic for testing zero-downtime rolling updates.
  • jekyll - Jekyll in a container.
  • vackup - Docker Volume backup and restore.
  • browncoat - A utility container for simulating failures like slow startup, failing healthchecks, etc.

ghost-edition's People

Contributors

bretfisher avatar johnonolan avatar minimaluminium avatar peterzimon avatar renovate-bot avatar scottsemple avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

devenamulhaque

ghost-edition's Issues

Link to all courses next to "featured courses" header on home page

Assuming #12 is finished first, the homepage would then have three sections that list content:

"featured courses" = only shows pages with course tag and featured:true.
"featured articles" = only shows posts with featured:true.
"latest articles" = only shows posts with featured:false.

Each of those has limits on how many pages/posts they show. We'd like each to have a link next to each title for viewing all results on its own page.

  • add a link next to "featured courses" header that goes to /courses/ (page already exists)
  • add a link next to "featured articles" header that goes to a /featured/ page, similar to how tag.hbs does it.
  • add a link next to "latest articles" header that goes to a /blog/ page that lists all posts, similar to how tag.hbs does it.
  • add /featured/ and /blog/ templates (I'm not sure of the best way to do this) so they list posts. Ideally, they show in Expanded feed_layout like the current homepage is set to, where we see the featured image for each post on the left. They should also likely have some large header text like "Featured Articles" and "All Blog Articles"

Add Featured articles below index's Featured courses

The current home page shows a list of all posts sorted by date under "latest articles". I'd like to have Featured posts above that, basically a copy-paste of the "featured courses" pages.

  • Rename featured.hbs to featured-courses.hbs and change default.hbs to match
  • Update package.json to have toggles for "featured courses, featured posts", and add a title box. Ideally we want to control all three titles and which featured div's are shown via the theme settings. (I know I didn't update package.json when I updated featured.hbs to only show course pages, so if you could edit that in package.json as well, that would be great)
  • Copy featured-courses.hbs to featured-posts.hbs, change partial to posts not pages and no tag filter, and change default.hbs to display it below featured-courses partial (screen shot below)
  • Somehow change the post list to not show featured posts, since they are already shown above.

Untitled 2

Create dark-mode theme colors

Take from the Casper theme or similar: https://github.com/TryGhost/Casper/search?q=dark

  • Add html+css to support dark colors.
  • add auto-switching based on client's host setting
  • Add toggle button to top navigation to right of the social icons and make it unique so they know it's for theme colors
  • Add the package.json object like Casper above so the theme provides the default setting in admin UI

Add old-style footer to site

the current footer.hbs of the edition theme is too minimal. We would like a more expanded footer that we can add links over time, similar to ghost.org footer or docker.com footer.

Colors can stay the same as page.

For now, assume three vertical lists with these titles and links. Responsiveness would have these 3 vertical lists consolidate to one vertical on mobile. Since Ghost secondary nav won't help with multiple lists, let's avoid secondary nav and just hardcode these in the partial template (unless you know of a better way).

Learn Container DevOps

Udemy Courses /courses
Podcast /podcast
YouTube https://www.youtube.com/c/BretFisherDockerandDevOps
Newsletter /newsletter
Docker Resources /docker

Community

DevOps Discord Server https://devops.fan
Patreon High Fivers Membership https://patreon.com/bretfisher
Upcoming YouTube Live Streams https://www.youtube.com/c/BretFisherDockerandDevOps/videos?view=2&sort=dd&live_view=502&shelf_id=0
Ask Me Anything https://github.com/BretFisher/ama

Find Me

GitHub https://github.com/BretFisher
Twitter https://twitter.com/BretFisher
Instagram https://www.instagram.com/bretfisher/
Linkedin https://www.linkedin.com/in/bretefisher

Inspiration:

image

Add clickable tag list

Either on / or in footer, iterate through post tags, making blog topics more discoverable for those browsing the site.

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.