Giter Club home page Giter Club logo

To view, go to evangriffiths.github.io

Building

This website uses jinja2 templating. To build the final html, run make from the root directory.

python3 -m venv .venv
pip install -r requirements.txt
make
open build/index.html

Things I've learned along the way

  • Web pages are HTML files rendered in a browser.
  • HTML is made up of building blocks that can be rendered by the browser, e.g. <body>...</body>.
  • These building blocks will have some default formatting when rendered (font, size, position, etc.)
  • CSS is used to customise this formatting.
  • You're quite limited in what you can do in just HTML. e.g. you can't factorize out common parts of a web page, to be used across multiple pages of a website (e.g. a site-wide header and footer).
  • One way of doing this is with PHP. In PHP you can write HTML, but also with extra features like templates.
  • A web server can interpret PHP files to produce HTML, but your browser can't (and nor can github pages, because it only supports static sites).
  • You can either view .php files in you browser by installing php locally and:
    • Starting a local php server, php -S localhost:port -t your_folder/
    • Compiling the php into html: php file.php > file.html
  • An alternative is to use a templating framework like jinja2. This has a python API that can be used to compile the html from a templated version that contains jinja directives.

TODO

Sections on:

  • paintings
  • videos(?)
  • bikeboxparking
  • lily with things on her head
  • uni thesis

Evan Griffiths's Projects

kom-viewer icon kom-viewer

A webapp using the Strava API to view your KOMs on a world map

makemore icon makemore

An autoregressive character-level language model for making more things

mech icon mech

AI Mechs for EthLisbon hack

open-aea icon open-aea

A framework for open autonomous economic agent (AEA) development - no package vendor is prioritised over other package vendors

scruffy-tweets icon scruffy-tweets

A Llama2-powered twitter bot that tweets about life as Ian McEwan's pet cocker spaniel.

tinygrad icon tinygrad

You like pytorch? You like micrograd? You love tinygrad! ❤️

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.