Add files via upload

AggieV · Oct 29, 2023 · 6696c60 · 6696c60
commit 6696c60
Show file tree

Hide file tree

Showing 7 changed files with 94 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,19 @@
+# Basiswebsite voor Interface en Interactie
+Een mooie basis met mapjes, html, css en js die goed aan elkaar gelinkt zijn.
+
+## dingen om te doen
+
+- Zet GitHub pages aan (bij Settings).
+- Plak een link naar je GitHub pages in het About blokje (rechtsboven)
+- Maak van je naam in Indeling & Planning excel in Teams een link naar je GitHub repository.
+
+GitHub is gelijk een backup, maar is ook wat picky-er over wat mooie code is:
+
+- Zet je code elke keer als je voortgang hebt geboekt op GitHub (dan heb je een back-up).
+- Test je werk op Github (werkt net anders dan op je eigen computer).
+- Laat een ander je werk op GitHub testen.
+
+Code is best leuk, zeker als het lukt:
+
+- Stel vragen als je er naar zelf proberen en zoeken niet uitkomt. 
+- Wacht daar niet te lang (en we helpen je graag verder).
diff --git a/fonts/eenfont.woff b/fonts/eenfont.woff
diff --git a/fonts/eenfont.woff2 b/fonts/eenfont.woff2
diff --git a/images/favicon.png b/images/favicon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="nl">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="author" content="jouw naam">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<title>VIDii 2023/24 - Tijdlijn</title>
+
+	<link href="styles/style.css" rel="stylesheet">
+	<link rel="icon" type="image/png+xml" href="images/favicon.png">
+</head>
+
+<body>
+	<h1>Howdy I&I</h1>
+
+
+
+	<script src="scripts/script.js"></script>
+</body>
+
+</html>
diff --git a/scripts/script.js b/scripts/script.js
@@ -0,0 +1,2 @@
+// JavaScript Document
+console.log("Howdy!");
diff --git a/styles/style.css b/styles/style.css
@@ -0,0 +1,50 @@
+/**************/
+/* CSS REMEDY */
+/**************/
+
+/* naar een idee van Jen Simmons */
+*, *::after, *::before {
+  box-sizing:border-box;  
+}
+
+body {
+  margin:0;
+}
+
+button:not([disabled]) {
+  cursor:pointer;
+}
+
+img {
+  max-width:100%;
+}
+
+
+
+
+
+/*********************/
+/* CUSTOM PROPERTIES */
+/*********************/
+
+:root {
+  --color-headings:crimson
+  /* ... */
+
+}
+
+
+
+
+
+/********************/
+/* ALGEMENE STYLING */
+/********************/
+
+h1 {
+  color:var(--color-headings);
+}
+
+/* ... */
+
+