Josha von Gizycki
5 years ago
parent
fd9688e0a5
commit
68167925e3
File diff suppressed because one or more lines are too long
@ -0,0 +1,97 @@
|
|||||||
|
:root {
|
||||||
|
--ci-primary: #691487;
|
||||||
|
--height-navbar: 4.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
background: url("../img/dust-background.png") no-repeat fixed bottom;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar__logo {
|
||||||
|
background: white;
|
||||||
|
height: var(--height-navbar);
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-collapse {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar__avatar {
|
||||||
|
max-height: 3.5rem;
|
||||||
|
border-radius: 100%;
|
||||||
|
margin: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-text {
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.super-container {
|
||||||
|
padding: 0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 3rem 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.global-nav {
|
||||||
|
padding: 0;
|
||||||
|
grid-column: 1;
|
||||||
|
position: fixed;
|
||||||
|
top: var(--height-navbar);
|
||||||
|
}
|
||||||
|
|
||||||
|
.global-nav__card-nav {
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.global-nav__card-nav-item {
|
||||||
|
display: block;
|
||||||
|
border-radius: 0 .5rem .5rem 0;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
background-color: var(--ci-primary);
|
||||||
|
writing-mode: vertical-lr;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.global-nav__link {
|
||||||
|
display: block;
|
||||||
|
color: white;
|
||||||
|
transition: padding-left .3s ease;
|
||||||
|
padding: 1.5rem .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.global-nav__link:hover {
|
||||||
|
color: white;
|
||||||
|
padding-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
grid-column: 2;
|
||||||
|
padding-top: 3rem;
|
||||||
|
padding-left: 10vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--ci-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 9.2 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,10 @@
|
|||||||
|
(ns wanijo.public.routes
|
||||||
|
(:require [compojure.core :refer [defroutes wrap-routes GET]]
|
||||||
|
[wanijo.infrastructure.routing :refer [register!]]
|
||||||
|
[wanijo.public.view :as view-public]))
|
||||||
|
|
||||||
|
(defn index []
|
||||||
|
(view-public/index))
|
||||||
|
|
||||||
|
(defroutes routes
|
||||||
|
(GET (register! :public-index "/public") [] (index)))
|
||||||
@ -0,0 +1,43 @@
|
|||||||
|
(ns wanijo.public.view
|
||||||
|
(:require [hiccup.page :refer [html5 include-js include-css]]
|
||||||
|
[wanijo.infrastructure.routing :refer [path]]))
|
||||||
|
|
||||||
|
(defn layout [content]
|
||||||
|
(html5
|
||||||
|
[:head
|
||||||
|
[:meta {:charset "utf-8"}]
|
||||||
|
[:meta {:name "viewport"
|
||||||
|
:content "width=device-width,initial-scale=1,shrink-to-fit=no"}]
|
||||||
|
[:title "Moxie!"]
|
||||||
|
(include-css "/css/bootstrap.min.css"
|
||||||
|
"/css/public.css")
|
||||||
|
(include-js "/js/bootstrap.min.js")]
|
||||||
|
[:body
|
||||||
|
[:nav.navbar.navbar-expand-lg.sticky-top
|
||||||
|
[:a.navbar-brand {:href (path :public-index)}
|
||||||
|
[:img.navbar__logo {:src "/img/trio-logo.svg"
|
||||||
|
:alt "logo"}]]
|
||||||
|
[:button.navbar-toggler {:type "button"
|
||||||
|
:data-toggle "collapse"
|
||||||
|
:data-target "#navbar-content"}
|
||||||
|
[:span.navbar-toǵgler-icon]]
|
||||||
|
[:div#navbar-content.collapse.navbar-collapse.text-right
|
||||||
|
[:div#navbar-nav.ml-auto
|
||||||
|
"Dingens"]]]
|
||||||
|
[:div.container-fluid.super-container
|
||||||
|
[:menu.global-nav
|
||||||
|
[:ol.global-nav__card-nav
|
||||||
|
[:li.global-nav__card-nav-item
|
||||||
|
[:a.global-nav__link {:href "#"}
|
||||||
|
"Dev"]]]]
|
||||||
|
(into [:main.main] content)]]))
|
||||||
|
|
||||||
|
(defn index []
|
||||||
|
(layout
|
||||||
|
[[:h1 "Schön, dass du da bist!"]
|
||||||
|
[:h2 "Willkommen auf der TRIO-Wissensplattform"]
|
||||||
|
[:p "Hier findest du das gesammelte Wissen unserer Kollegen."]
|
||||||
|
[:p "Schau dich um. Vermisst du etwas? Dann sprich mit deinem CoC!"]
|
||||||
|
[:p "Du möchtest dich weiterentwickeln?"
|
||||||
|
"Dann gestalte selbst deinen Weg bei der TRIO und sprich"
|
||||||
|
"deinen Vorgesetzten an"]]))
|
||||||
Loading…
Reference in new issue