summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorniko <niko@digitalsocrates.click>2019-05-11 22:49:19 +0200
committerniko <niko@digitalsocrates.click>2019-05-11 22:49:19 +0200
commit499053244d0786598042c1d303f0d0e85fcb6eba (patch)
tree2349affee31adcbd452b15f542e389c4a67adbf8
parentf361ea1d6172f9e4a46566c7bac31f433899c351 (diff)
downloadhacklab.brussels-499053244d0786598042c1d303f0d0e85fcb6eba.tar.gz
experiment columns
-rw-r--r--devdocs.pngbin0 -> 3033 bytes
-rw-r--r--foghornrequiem.jpegbin0 -> 3555 bytes
-rw-r--r--hacklabxl.css18
-rw-r--r--hacklabxl.html37
-rw-r--r--hd1.css0
-rw-r--r--hd1.html17
-rw-r--r--index.pngbin0 -> 3631 bytes
-rw-r--r--neutrinet.pngbin0 -> 9671 bytes
-rw-r--r--scuderi.gifbin0 -> 1449575 bytes
-rw-r--r--scuderi2.gifbin0 -> 342967 bytes
10 files changed, 72 insertions, 0 deletions
diff --git a/devdocs.png b/devdocs.png
new file mode 100644
index 0000000..1e4cc08
--- /dev/null
+++ b/devdocs.png
Binary files differ
diff --git a/foghornrequiem.jpeg b/foghornrequiem.jpeg
new file mode 100644
index 0000000..d40010a
--- /dev/null
+++ b/foghornrequiem.jpeg
Binary files differ
diff --git a/hacklabxl.css b/hacklabxl.css
new file mode 100644
index 0000000..3d40e11
--- /dev/null
+++ b/hacklabxl.css
@@ -0,0 +1,18 @@
+.container {
+ column-count: 6;
+ column-fill: balance;
+ column-rule: dotted 1px black;
+ height: 95vh;
+ }
+div {
+ border-bottom: solid 3px black;
+}
+.neutrinet {
+ padding-top: 1em;
+}
+.fhri {
+ width: 100%;
+}
+
+
+/* */
diff --git a/hacklabxl.html b/hacklabxl.html
new file mode 100644
index 0000000..619ea1b
--- /dev/null
+++ b/hacklabxl.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <meta charset="utf-8">
+ <link rel="stylesheet" href="hacklabxl.css">
+ <title>hacklabxl</title>
+ </head>
+ <body>
+ <section class="container">
+ <div class="incommon">
+ <img src="index.png" alt="logo">
+ <p><a href="https://incommon.cc/">incommon.cc</a></p>
+ </div>
+ <div class="neutrinet">
+ <img src="neutrinet.png" alt="logo">
+ <p><a href="https://neutrinet.be">https://neutrinet.be</a></p>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <div class="scuderi"><img src="scuderi2.gif" alt=""></div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <div class="foghornrequiem">
+ <img class="fhri"src="foghornrequiem.jpeg" alt="">
+ <p> <a href="http://foghornrequiem.org/">http://foghornrequiem.org/</a></p>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </section>
+ </body>
+</html>
diff --git a/hd1.css b/hd1.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/hd1.css
diff --git a/hd1.html b/hd1.html
new file mode 100644
index 0000000..5dd7609
--- /dev/null
+++ b/hd1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <meta charset="utf-8">
+ <title></title>
+ </head>
+ <link rel="stylesheet" href="hd1.css">
+ <body>
+ <h3>web pictures</h3>
+ <h4>common aspect ratios</h4>
+ <div class=""></div>
+ <p></p>
+ <p>code references</p>
+ <a href="https://devdocs.io/">devdocs.io</a>
+ <a href="https://www.w3.org/">w3.org</a>
+ </body>
+</html>
diff --git a/index.png b/index.png
new file mode 100644
index 0000000..5c8c594
--- /dev/null
+++ b/index.png
Binary files differ
diff --git a/neutrinet.png b/neutrinet.png
new file mode 100644
index 0000000..ad8ae05
--- /dev/null
+++ b/neutrinet.png
Binary files differ
diff --git a/scuderi.gif b/scuderi.gif
new file mode 100644
index 0000000..b500203
--- /dev/null
+++ b/scuderi.gif
Binary files differ
diff --git a/scuderi2.gif b/scuderi2.gif
new file mode 100644
index 0000000..085bbad
--- /dev/null
+++ b/scuderi2.gif
Binary files differ