From b6ac2682f6875fd4b2543e7a2a02b0bdd768c2af Mon Sep 17 00:00:00 2001 From: glax Date: Mon, 22 May 2023 22:25:50 +0200 Subject: [PATCH] #1 First commit It do be uglyyyyy --- Website/index.html | 27 +++++++++++++++ Website/style.css | 86 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 113 insertions(+) create mode 100644 Website/index.html create mode 100644 Website/style.css diff --git a/Website/index.html b/Website/index.html new file mode 100644 index 0000000..778ae14 --- /dev/null +++ b/Website/index.html @@ -0,0 +1,27 @@ + + + + + Tranga + + + + + Tranga + + + + + + + + Connector Name + Publication Name + + + + + + + + \ No newline at end of file diff --git a/Website/style.css b/Website/style.css new file mode 100644 index 0000000..341904e --- /dev/null +++ b/Website/style.css @@ -0,0 +1,86 @@ +body{ + padding: 0; + margin: 0; + display: flex; + flex-flow: column; + flex-wrap: nowrap; + height: 100vh; + background-color: orange; +} + +topbar { + display: flex; + align-items: center; + background-color: red; + height: 4rem; +} + +titlebox { + font-size: 20pt; + font-weight: bold; + margin: 20px; +} + +viewport { + display: flex; + background-color: blue; + flex-flow: row; + flex-wrap: nowrap; + flex-grow: 1; +} + +sidebar{ + background-color: green; + width: 20rem; + margin-bottom: 10px; + border-radius: 0 0 5px 0; +} + +content { + background-color: yellow; + flex-grow: 1; + margin: 10px; + padding: 5px; + border-radius: 5px; + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +settingstab{ + background-color: green; + width: 20rem; + margin-bottom: 10px; + border-radius: 0 0 5px 0; +} + +publication{ + background-color: gray; + width: 200px; + height: 300px; + border-radius: 5px; + margin: 10px 10px; + position: relative; +} + +.pill { + height: 14pt; + font-size: 12pt; + border-radius: 7pt; + background-color: white; + padding: 1pt 20px; +} + +connector{ + position: absolute; + top: 10px; + left: 10px; +} + +publication-name{ + position: absolute; + font-size: 16pt; + font-weight: bold; + top: 35px; + left: 15px; +} \ No newline at end of file