New css

phoenix/layouts.py

@@ -10,6 +10,10 @@ def __init__(self, context, request):
         self.headings = []
         self.breadcrumbs = []
 
+    @property
+    def project_logo(self):
+        return self.request.registry.settings.get('phoenix.logo', 'Phoenix')
+
     @property
     def project_title(self):
         return self.request.registry.settings.get('phoenix.title', 'Phoenix')

phoenix/static/phoenix/css/theme/clint.css

@@ -0,0 +1,162 @@
+/* Basics
+----------------------- */
+body {
+  /* background: white; */
+  /* padding-top: 50px; */
+}
+/* Header
+----------------------- */
+/*.navbar {
+  margin-bottom: 0;
+}*/
+/*
+.navbar-default {
+  border-radius: 0;
+}
+.navbar-brand {
+  height: 40px;
+  margin-right: 15px;
+  width: 120px;
+}*/
+/* Breadcrumbs
+----------------------- */
+/* .breadcrumbs {
+    background: white;
+} */
+
+/* Flash messages
+----------------------- */
+.flash-messages {
+  margin-top: -20px;
+}
+
+/* Home
+----------------------- */
+.jumbotron {
+  background-color: #8AB219;
+  background-image: url('/static/phoenix/img/clint-bckg.png');
+  background-repeat: no-repeat;
+  background-position: 80% center;
+  background-size: 600px;
+  color: white;
+  padding: 40px 0 60px;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
+  margin-top: -20px;
+}
+.jumbotron a {
+    color: orange
+}
+
+
+
+/* Top Box
+----------------------- */
+.topbox {
+    background-color: white;
+    background-image: url('/static/phoenix/img/clint-bckg.jpg');
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: 1920px auto;
+    color: white;
+    width: 100%;
+    height: 600px;
+    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+    text-align: center;
+    vertical-align: middle;
+    padding-top: 4%;
+}
+
+.topbox a {
+    color: orange
+}
+
+.imglogo{
+  max-width: 350px;
+  width: 100%;
+}
+
+
+.title {
+  padding: 0 30px;
+  position: relative;
+  display: inline-block;
+  z-index: 2;
+}
+
+.title::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(-45deg, #00c5e0ff, #a64af0ff);
+  filter: blur(calc(130px - 5vw));
+  -webkit-filter: blur(calc(130px - 5vw));
+  -moz-filter: blur(calc(130px - 5vw));
+  -o-filter: blur(calc(130px - 5vw));
+  -ms-filter: blur(calc(130px - 5vw));
+  padding: 6px;
+  z-index: -1;
+}
+
+/* Info Box
+----------------------- */
+.infobox {
+    text-align: center;
+    background: #C5C997;
+    padding: 20px;
+}
+
+/* Highlight Box
+----------------------- */
+.hilitbox {
+    text-align: center;
+    background: white;
+    padding: 20px;
+}
+.hilitbox a {
+    color: orange
+}
+
+/* Birdhouse Box
+----------------------- */
+.birdhouse {
+    background: #183F7F;
+    color: white;
+}
+.birdhouse a {
+    color: orange
+}
+
+/* Footer
+----------------------- */
+.footer {
+  text-align: center;
+  background: white;
+  border-top: 1px solid;
+  padding: 20px;
+}
+.footer a {
+    color: orange
+}
+
+/* Media
+---------------------- */
+/*.thumbnail > img {
+    height: 32px;
+}*/
+
+/* Log Panel
+---------------------- */
+pre.log-output {
+    color:#f1f1f1;
+    background-color:#222;
+}
+
+/* XML Panel
+---------------------- */
+pre.xml-output {
+    color:#f1f1f1;
+    background-color:#222;
+}

phoenix/templates/home.pt

@@ -4,6 +4,7 @@
 
     <section class="topbox">
       <div class="container">
+        <img src=${layout.project_logo} class="imglogo">
         <h1>
           <span class="title">${layout.project_title}</span>
         </h1>

templates/phoenix.ini

@@ -43,6 +43,7 @@ storage.base_url = http://${parts.settings['hostname']}:${parts.settings['http-p
 storage.extensions = ${options['storage_extensions']}
 
 # phoenix
+phoenix.logo = ${parts.settings['phoenix-logo']}
 phoenix.title = ${parts.settings['phoenix-title']}
 phoenix.description = ${parts.settings['phoenix-description']}
 phoenix.theme = ${parts.settings['phoenix-theme']}