What the f*** is Angstrom?

This is Angstrom!

Angstrom is a 1 page website base made in html, typescript, sassy css

How do i use it?

Simple, Download it and start up a python-web-server. What the hell is a 'Python Web Server'?

A Python Web Server lets you run a virtual server on only your computer that emulates all the behaviours of a regular server.

You can run angstrom by typing the following in any system running bash with Python3, SASS, TSC bash start.sh

How to configure Angstrom

The part that makes angstrom special is that it can be configured. Before you begin install things like:

Logo
Any extra files you want

Then configure elements to be used by the page in the: main.ts file and the: style.scss file!

At the top of both of these files lies elements of the site you can change and configure

As an example you can change the logo and name used across the site inside the main.ts file. You can also change the look of the site (eg. colors) in the style.scss file

An IMPORTANT thing to remember is to recompile both the main.ts file (With the tsc compiler) and the style.scss (With the sass compiler) to have your changes be rendered by the web browser

How do I write things inside of Angstrom?

If you arn't familiar with how html works then don't worry I will give a very basic explanation of what it is

html is basically the skeleton. Its stores all the text and part of the website people are going to see

Within html there is the <html> tag which contains EVERYTHING inside the site.

Inside that there are the <body> and the <head> tag. The head tag stores metadata. The body stores what the user actually sees.

If you want to learn html in an afternoon then visit The W3 Schools HTML Tutorial

Downloads

Currently you can Download Angstrom via our Github! Its linked at the header up there ^ !