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