2024-03-05 - 004-Basicwebdev

INDEX

2024-03-05 13:00 - Basic website development

Here's the plan, make a basic website with bulma and then add timers in javascript
	<head>
	 <meta charset="utf-8">
	 <meta name="viewport" content="width=device-width, initial-scale=1">
	 <title>Test website</title>
	 # Include a reference to a local copy of the stylesheet
	 <link rel="stylesheet" href="bulma.min.css">
	 # This makes it so links that move down the page scroll smoothly
	 <style> html { scroll-behavior: smooth; } </style>
	</head>
	
I like these halfheight sections so I added 2
So basically you set classes to define the properties - hero + is-halfheight and is-light
A lot of the colours are bad but the gray ones are fine.
	<section id="Home" class="hero is-halfheight is-light">
	 <div class="hero-body"> # Defines a subsection which formats a litte differently
	   <div class="container has-text-centered"> # Centers all the text
	     <h1 class="title">MAIN HEADER</h1> # Property "title" sets it to bold
	     <h2 class="subtitle">Subtitle</h2>
	   </div>
	 </div>
	</section>
	<section id="Home" class="hero is-halfheight is-dark">
	...
	</section>