Giter VIP home page Giter VIP logo

ssebs-www's Introduction

ssebs-www

Docker Image CI

ssebs.com website code.

TODO:

  • MVP website:
    • Add anchor to post-content titles
    • Add socials list under C2A hero
  • After MVP:
    • Sort tags on projects
    • Move all images to projects folder
    • Contact form - Supabase backend
    • Add another section to home page? Or add more stuff
    • Add tags to each project and allow search by tags (show tags on page + clickable)
      • Tag search + Search Results page
    • Add blog
      • e.g. things I learned or tech stuff I can share that's not a project (e.g. Hugo quick start + explain theme)
  • Finishing touches:
    • Dark/light mode https://tailwindcss.com/docs/dark-mode
    • CI/CD Github Actions to build
      • Also do ssebs.github.io?
    • Animations
      • animations on hover (menu, logo, header)
    • scroll animation on mobile
      • text/content covers up sidebar, sidebar covers up img. (parallax)
  • REPLACE Current (2024) img for ssebs-www project page
  • mini game Easter egg like Chrome dino

Design

home

Dev setup

  • git clone https://github.com/ssebs/ssebs-www
  • Install hugo
    • Either manually, or use the setup_env.sh script
  • For ssebs Hugo theme, you need Node.js and the Tailwind CLI
    • cd themes/ssebs/
    • npm i
    • Run dev
      • npm run start
    • Build prod
      • npm run build
  • Local dev deployment:
    • hugo serve --noHTTPCache --disableFastRender --bind 0.0.0.0
  • To deploy to another baseURL for testing (behind LB)
    • hugo serve --noHTTPCache --disableFastRender --baseURL "https://your-url.com/" --bind 0.0.0.0

Build

  • HUGO_ENV=production HUGO_PARAMS_USEBASEURL=true hugo --baseURL "https://your-url.com/" --minify

Docker

  • docker build -t ssebs/ssebs-www .
  • docker run -p 8080:8080 ssebs/ssebs-www

License

MIT

ssebs-www's People

Contributors

ssebs avatar ssafari-parc avatar

Watchers

James Cloos avatar  avatar  avatar

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.