Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding versions to the footer the position attribute in HTML is now forbidden #8

Merged
merged 1 commit into from
Sep 29, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions Makefile
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,9 @@ build: validate_reader
-o ../dist/$(reader).pdf \
--pdf-engine=xelatex \
--highlight-style espresso \
-H ../headers.tex \
--include-before-body cover.tex
--include-before-body cover.tex \
--include-in-header ../headers.tex \
--template ../template.tex

buildopen: build
open dist/$(reader).pdf
Binary file modified dist/html.pdf
Binary file not shown.
Binary file modified dist/javascript.pdf
Binary file not shown.
Binary file modified dist/versie-beheer.pdf
Binary file not shown.
2 changes: 2 additions & 0 deletions headers.tex
Original file line number Diff line number Diff line change
Expand Up @@ -52,3 +52,5 @@
runin=false,
beforeskip=.6\baselineskip
]{subsubsection}

\linespread{1}
20 changes: 7 additions & 13 deletions html/html.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,11 @@
---
title: "HTML"
version: v1.1 (2023-09-28)
author: "Tim Quax (tquax@novacollege.nl)"
geometry: "left=1cm,right=1cm,top=1cm,bottom=2.5cm"
mainfont: Open Sans
documentclass: scrartcl
subparagraph: yes
header-includes: |
\linespread{1}

\usepackage{setspace}
\setlength{\parindent}{0pt}
\setlength{\parskip}{\baselineskip}

\usepackage{titlesec}
\titlespacing{\section}{0pt}{12pt plus 2pt minus 1pt}{-10pt plus 1pt minus 1pt}
\titlespacing{\subsection}{0pt}{12pt plus 2pt minus 1pt}{-10pt plus 1pt minus 1pt}
\titlespacing{\subsubsection}{0pt}{12pt plus 2pt minus 1pt}{-10pt plus 1pt minus 1pt}
---
\pagebreak
# HTML
Expand Down Expand Up @@ -681,9 +671,13 @@ Puur omdat de `float: left` op de div staat, staan ze naast elkaar. Het ziet er

![](images/html-float-example.png){width=40%}


## 5.4 Position
Het CSS attribuut `position` is `absoluut verboden`. Dit attribuut zorgt ervoor dat een HTML element compleet buiten de normale website valt. Je kan hier geen functionele website mee maken, en dus behandelen we dat niet in deze reader.

\pagebreak

## 5.4 Debuggen
## 5.5 Debuggen
Zodra de CSS niet lijkt te werken zoals je voor ogen had, of het lijkt helemaal niet gestyled te worden, dan wil je graag uitvogelen wat er mis ging. Misschien staat er een typfout, of is er een andere stijl die jouw nieuwe stijl overschrijft, of is er iets anders mis.

Daar hebben we Developer tools voor. Elke noemenswaardige browser heeft er een en die open je met F12. Die ziet er ongeveer zo uit:
Expand All @@ -700,7 +694,7 @@ Als je een heleboel HTML hebt, is zoeken door die lijst niet zo heel handig. Dan

\pagebreak

## 5.5 Opdrachten hoofdstuk 5
## 5.6 Opdrachten hoofdstuk 5
Maak de twee screenshots hieronder na. Gebruik hiervoor GEEN tabellen. Tip: Leer wat meer over float of misschien zelfs Flexbox.

Maak in het bestand `hoofdstuk5-1.html`:
Expand Down
4 changes: 3 additions & 1 deletion javascript/javascript.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
---
title: "JavaScript"
version: v1.0 (2023-02-23)
author: "Tim Quax (tquax@novacollege.nl)"
geometry: "left=1cm,right=1cm,top=1cm,bottom=2.5cm"
geometry: "left=1cm,right=1cm,top=2cm,bottom=2.5cm"
mainfont: Open Sans
documentclass: scrartcl
subparagraph: yes
---
\pagebreak
# JavaScript (JS)
Expand Down
Loading