From 214e27d39b1ff0bb10c84cc75028438c4aa4a9e0 Mon Sep 17 00:00:00 2001 From: Max Value Date: Mon, 2 Feb 2026 07:51:57 +0000 Subject: [PATCH 1/1] initial --- fonts.css | 0 index.html | 32 ++++++++++++++++++++++++++++++++ slideshow.js | 0 style.css | 38 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 70 insertions(+) create mode 100644 fonts.css create mode 100644 index.html create mode 100644 slideshow.js create mode 100644 style.css diff --git a/fonts.css b/fonts.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..4483262 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + Threshold Systems + + + + + +
+

Threshold Systems

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula sem id sapien ultrices tempor. Vivamus imperdiet suscipit magna, ac finibus massa ultricies vitae. Cras facilisis aliquet nisl, sed porta nibh aliquam a. Integer non ultrices leo, ac porta augue. Cras ultricies, magna in auctor porta, lorem urna dapibus enim, ac tincidunt urna ipsum eu lacus. Fusce auctor quam in magna tincidunt, sed dictum purus pharetra. Integer ut nisl neque. Duis aliquet eros non fringilla placerat. Nulla facilisi. Phasellus ornare tempus tristique. Nullam at ultricies urna, id dignissim lorem. Sed eget ipsum ullamcorper, cursus urna non, luctus purus. In justo sapien, molestie sed ex non, pellentesque pulvinar purus. Ut egestas enim nec velit porta, cursus pretium libero dictum. Sed et vehicula massa. +

+

A Heading

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula sem id sapien ultrices tempor. Vivamus imperdiet suscipit magna, ac finibus massa ultricies vitae. Cras facilisis aliquet nisl, sed porta nibh aliquam a. Integer non ultrices leo, ac porta augue. Cras ultricies, magna in auctor porta, lorem urna dapibus enim, ac tincidunt urna ipsum eu lacus. Fusce auctor quam in magna tincidunt, sed dictum purus pharetra. Integer ut nisl neque. Duis aliquet eros non fringilla placerat. Nulla facilisi. Phasellus ornare tempus tristique. Nullam at ultricies urna, id dignissim lorem. Sed eget ipsum ullamcorper, cursus urna non, luctus purus. In justo sapien, molestie sed ex non, pellentesque pulvinar purus. Ut egestas enim nec velit porta, cursus pretium libero dictum. Sed et vehicula massa. +

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula sem id sapien ultrices tempor. Vivamus imperdiet suscipit magna, ac finibus massa ultricies vitae. Cras facilisis aliquet nisl, sed porta nibh aliquam a. Integer non ultrices leo, ac porta augue.

+
+
+ + + diff --git a/slideshow.js b/slideshow.js new file mode 100644 index 0000000..e69de29 diff --git a/style.css b/style.css new file mode 100644 index 0000000..bce8db2 --- /dev/null +++ b/style.css @@ -0,0 +1,38 @@ +/* Platform independant element styling */ +:root { font-family: sans-serif; } +h1, h2, h3, h4, h5, h6 { text-align: center; } +main { text-align: justify; } +footer, footer a { color: gray; } + +/* Desktop/tablet device */ +body { + width: 55vw; + margin: auto; +} +main p.left { + width: 35em; + margin-right: auto; +} +main p.right { + width: 35em; + margin-left: auto; +} + +/* mediaside */ +.mediaside iframe, .mediaside img { + width: 55%; + aspect-ratio: 16/9; + display: inline-block; +} +.mediaside iframe:first-child, .mediaside img:first-child { margin-left: -5%; } +.mediaside iframe:last-child, .mediaside img:last-child { margin-right: -5%; } + +.mediaside p { + width: calc(50% - 40px); + margin: 0; + padding: 20px; + display: inline-block; + vertical-align: top; +} +.mediaside p:first-child { text-align: right; } + -- 2.39.2