Sebsite

I built this website because I believe that the best way to learn is by doing. Lots of my other projects taught me how to create but this one also taught me how to present my work.

Code

Sebsite is hosted for free on Github and uses a builder called Jekyll to take in markdown (text), images, HTML and CSS and produce the HTML and CSS pages for the website which are served from Github when you open a page.

HTML is a language which defines the content of the page (title, text, images) and CSS is a language which determines how the HTML is presented on the website.

I started with a Jekyll theme called minima which gave me a lot of basic CSS styling for layout. I then modified this to add any extra elements that I wanted for my website (like the logo and bottom navigation bar) and wrote all the content for the pages.

Rendering

Gifs

3D models

I happened to find a neat idea for a logo in my parametric curves exploration. I defined an curve: \((X,Y) \\ X=\cos{3t} \\ Y=\sin{2t} \\ 0 \leq t \leq \pi \\\) Sgraph

To turn the curve into a logo I used my python program to turn it into a DXF and imported it into Rhino. I put a pipe around it to give it thickness, changed its material to a yellow paint and rendered it. Then I wrote a python program to turn the white pixels from the render transparent, to give the effect you can see on the tab in the browser.

I really like this logo because it came from something that feels unique to myself.

Slogo