Anpassung an OTRS Testinstallation

b205e494 · Wolfgang Wiese · 1f286a8a · b205e494 · b205e494 · b205e494
Commit b205e494 authored May 22, 2020 by Wolfgang Wiese
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ Customizing für OTRS

 Repo: https://gitlab.rrze.fau.de/rrze-webteam/rrze-otrs-customizing

-Die hier produzierten Templates dienen nur dem Customizing.
+Die hier produzierten Templates dienen nur dem Customizing von OTRS v6.
 Die eigentlichen Sourcen des Helios-Voting Systems befinden sich in den Git-Projekten:

 * https://gitlab.rrze.fau.de/adb-otrs/opm-rrze-design
@@ -55,15 +55,20 @@ der Apache-Konfigurationsdateien zu ergänzen oder über
  Include iotrs.conf
 einzufügen sind

-## Order src-default
+## Order skins

 Diese Inhalte sollen mit dem Ordner
-https://gitlab.rrze.fau.de/adb-otrs/opm-rrze-design/-/tree/otrs-6/src/var/httpd/htdocs/skins/Agent/default
+    /opt/otrs/var/httpd/htdocs/skins/
 synchronisiert werden.


 ## Order Templates

 Die hierin befindlichen Ordner/Dateien sollen in den Git-Ordner 
-https://gitlab.rrze.fau.de/adb-otrs/opm-rrze-design/-/tree/otrs-6/orig/Kernel/Output/HTML/Templates
-kopiert werden.
\ No newline at end of file
+    Custom/Kernel/Output/HTML/Templates/
+kopiert werden.
+
+## Order Screenshots
+
+Screenshots, wie die Umsetzung bei richtiger Konfiguration aussehen wird
+ 
\ No newline at end of file
--- a/Templates/Standard/CustomerFooter.tt
+++ b/Templates/Standard/CustomerFooter.tt
+# --
+# Copyright (C) 2001-2020 OTRS AG, https://otrs.com/
+# --
+# This software comes with ABSOLUTELY NO WARRANTY. For details, see
+# the enclosed file COPYING for license information (GPL). If you
+# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
+# --
+
+<div id="Footer" class="ARIARoleContentinfo">
+
+[% IF(Data.FooterLinks) %]
+    <ul class="FooterLinks">
+        [% FOREACH Link IN Data.FooterLinks %]
+            <li>
+                <a href="[% Link.Target %]" target="_blank">[% Link.Description | html %]</a>
+            </li>
+        [% END %]
+    </ul>
+[% END %]
+
+[% IF !Config("Secure::DisableBanner") %]
+    <a href="[% IF !Data.IsLoginPage %]https://www.otrs.com[% ELSE %]https://www.otrs.com/otrs-business-solution-managed/[% END %]" title="[% Config("Product") | html %][% IF !Data.IsLoginPage %] [% Config("Version") | html %][% END %]" target="_blank">
+        <span></span>
+        [% IF Data.OTRSSTORMIsInstalled %]
+            [% Translate("%s powered by %s™", "STORM", "OTRS") | html %]
+        [% ELSIF Data.OTRSCONTROLIsInstalled %]
+            [% Translate("%s powered by %s™", "CONTROL", "OTRS") | html %]
+        [% ELSIF Data.OTRSBusinessIsInstalled %]
+            [% Translate("Powered by %s™", "OTRS Business Solution") | html %]
+        [% ELSE %]
+            [% Translate("Powered by %s™", "OTRS") | html %]
+        [% END %]
+    </a>
+    <div class="Clear"></div>
+[% END %]
+</div>
+
+[% InsertTemplate("CustomerFooterJS.tt") %]
+
+</body>
+</html>
--- a/Templates/Standard/CustomerHeader.tt
+++ b/Templates/Standard/CustomerHeader.tt
+# --
+# Copyright (C) 2001-2020 OTRS AG, https://otrs.com/
+# --
+# This software comes with ABSOLUTELY NO WARRANTY. For details, see
+# the enclosed file COPYING for license information (GPL). If you
+# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
+# --
+[%- INCLUDE "HTTPHeaders.tt" -%]
+
+<!DOCTYPE html>
+<html>
+[% InsertTemplate("Copyright.tt") %]
+[% InsertTemplate("CustomerHTMLHead.tt") %]
+<body class="NoJavaScript [% Data.BodyClass | html %]">
+<!-- start CI layout -->
+    <div id="Header">
+[% RenderBlockStart("HeaderLogo") %]
+        <div id="Logo"></div>
+[% RenderBlockEnd("HeaderLogo") %]
+        <h1 class="CompanyName">
+            <a href="#">[% Config("CustomerHeadline") %]</a>
+        </h1>
+[% RenderBlockStart("DebugRTLButton") %]
+        <button onclick="Core.Debug.SimulateRTLPage();" type="button">Simulate RTL</button>
+[% RenderBlockEnd("DebugRTLButton") %]
+    </div>
+<!-- end CI layout -->
+<!-- end header -->
\ No newline at end of file
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -21,7 +21,7 @@ function css() {
 	.pipe(postcss([autoprefixer()]))
 	.pipe(cleancss())
 	.pipe(rename(info.custom_otrs_cssfilename))
-	.pipe(dest(info.otrs_agentpath + './css'))
+	.pipe(dest(info.otrs_agentpath + '/css'))
 	.pipe(touch());
 }

@@ -32,7 +32,7 @@ function cssdev() {
 	.pipe(sass())
 	.pipe(postcss([autoprefixer()]))
 	.pipe(rename(info.custom_otrs_cssfilename))
-	.pipe(dest(info.otrs_agentpath +'./css'))
+	.pipe(dest(info.otrs_agentpath +'/css'))
 	.pipe(touch());
 }

@@ -58,25 +58,25 @@ function prereleasePackageVersion() {
 function logo() {
    return src(['./src/img/' + info.logofile])
 	.pipe(rename('otrs-logo.png'))
-	.pipe(dest(info.otrs_agentpath +'./img'))
+	.pipe(dest(info.otrs_agentpath +'/img'))
 	.pipe(touch());
 }
 function loginbackground() {
    return src(['./src/img/background/' + info.loginbackground])
 	.pipe(rename('login-background.jpg'))
-	.pipe(dest(info.otrs_agentpath +'./img'))
+	.pipe(dest(info.otrs_agentpath +'/img'))
 	.pipe(touch());
 }
 function js() {
    return src('./src/js/*.js')
-	.pipe(dest(info.otrs_agentpath +'./js'))
+	.pipe(dest(info.otrs_agentpath +'/js'))
 	.pipe(touch());
 }

 function logo2iotrs() {
    return src(['./src/img/' + info.logofile])
 	.pipe(rename('otrs-logo.png'))
-	.pipe(dest(info.iotrs_path +'./img'))
+	.pipe(dest(info.iotrs_path +'/img'))
 	.pipe(touch());
 }
 function css2iotrs() {
@@ -87,23 +87,23 @@ function css2iotrs() {
 	.pipe(postcss([autoprefixer()]))
 	.pipe(cleancss())
 	.pipe(rename(info.custom_otrs_cssfilename))
-	.pipe(dest(info.iotrs_path + './css'))
+	.pipe(dest(info.iotrs_path + '/css'))
 	.pipe(touch());
 }
 function background2iotrs() {
    return src(['./src/img/background/' + info.loginbackground])
 	.pipe(rename('login-background.jpg'))
-	.pipe(dest(info.iotrs_path +'./img'))
+	.pipe(dest(info.iotrs_path +'/img'))
 	.pipe(touch());
 }
 function copy_cifiles() {
    return src(['./src/img/fau-logo-37x16.png', './src/img/fau-logo-fff.png', './src/img/rrze-logo-37x16.png', './src/img/rrze-otrs-icon.png' ])
-	.pipe(dest(info.otrs_agentpath +'./img'))
+	.pipe(dest(info.otrs_agentpath +'/img'))
 	.pipe(touch());
 }
 function copy_cifiles2iotrs() {
    return src(['./src/img/fau-logo-37x16.png', './src/img/fau-logo-fff.png', './src/img/rrze-logo-37x16.png', './src/img/rrze-otrs-icon.png' ])
-	.pipe(dest(info.iotrs_path +'./img'))
+	.pipe(dest(info.iotrs_path +'/img'))
 	.pipe(touch());
 }


--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "logofile": "otrs4.png",
-  "otrs_agentpath": "src-default/",
+  "otrs_agentpath": "skins/Customer/default/",
  "iotrs_path": "iotrs/public/",
  "custom_otrs_cssfilename": "Custom.RRZE.css",  
  "loginbackground": "admission-2974645_1920.jpg",

--- a/patch-Templates/Standard/CustomerLogin.tt.patch
+++ b/patch-Templates/Standard/CustomerLogin.tt.patch
--- orig/Kernel/Output/HTML/Templates/Standard/CustomerLogin.tt	2020-04-21 15:35:15.994041341 +0200
-+++ src/Kernel/Output/HTML/Templates/Standard/CustomerLogin.tt	2020-04-21 15:35:15.998041362 +0200
-@@ -1,149 +1,14 @@
- # --
-# Copyright (C) 2001-2020 OTRS AG, https://otrs.com/
-+# CustomerLogin.tt - provides custom customer HTML login screen for RRZE
-+# for OTRS 6.0.x
-+# Dominik Volkamer (RRZE DV 2020-04-15)
- # --
-# This software comes with ABSOLUTELY NO WARRANTY. For details, see
-# the enclosed file COPYING for license information (GPL). If you
-# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
-# --
-[% InsertTemplate("CustomerHeader.tt") %]
-
-<!-- start login -->
-<div id="MainBox" class="Login ARIARoleMain">
-[% RenderBlockStart("Message") %]
-    <div class="[% IF Data.MessageType == 'Success' %]SuccessBox[% ELSE %]ErrorBox[% END %]"><span>[% Translate(Data.Message) | html %]</span></div>
-[% RenderBlockEnd("Message") %]
-    <noscript>
-    <div id="NoJavaScript">
-        <h2>[% Translate("JavaScript Not Available") | html %]</h2>
-        <p>
-            [% Translate("In order to experience this software, you'll need to enable JavaScript in your browser.") | html %]
-        </p>
-    </div>
-    </noscript>
-    <div class="Hidden" id="OldBrowser">
-        <h2 class="Center">[% Translate("Browser Warning") | html %]</h2>
-        <p>
-            [% Translate("The browser you are using is too old.") | html %]
-            [% Translate("This software runs with a huge lists of browsers, please upgrade to one of these.") | html %]
-            [% Translate("Please see the documentation or ask your admin for further information.") | html %]
-        </p>
-    </div>
- 
-[% RenderBlockStart("SystemMaintenance") %]
-    <div class="WarningBox WithIcon">
-        <i class="fa fa-exclamation-circle"></i> [% Translate(Data.LoginMessage) | html %]
-    </div>
-[% RenderBlockEnd("SystemMaintenance") %]
-
-    <div id="Slider">
-        <div id="SlideArea">
-[% RenderBlockStart("PreLogin") %]
-            <div id="PreLogin">
-                <p>[% Translate("One moment please, you are being redirected...") | html %]</p>
-                <form action="[% Env("CGIHandle") %]" method="post" enctype="application/x-www-form-urlencoded" name="login">
-                    <input type="hidden" name="Action" value="Login" />
-                    <input type="hidden" name="RequestedURL" value="[% Data.RequestedURL | html %]"/>
-                    <input type="hidden" name="Lang" value="[% Env("UserLanguage") | html %]"/>
-                    <input type="hidden" name="TimeZoneOffset" id="TimeZoneOffset" value=""/>
-                </form>
-            </div>
-[% RenderBlockEnd("PreLogin") %]
-[% RenderBlockStart("LoginBox") %]
-            <div id="Login">
-                <h2>[% Translate("Login") | html %]</h2>
-                <form class="Floating" action="[% Env("CGIHandle") %]" method="post" enctype="application/x-www-form-urlencoded" name="login">
-                    <input type="hidden" name="Action" value="Login"/>
-                    <input type="hidden" name="RequestedURL" value="[% Data.RequestedURL | html %]"/>
-                    <input type="hidden" name="Lang" value="[% Env("UserLanguage") | html %]"/>
-                    <input type="hidden" name="TimeZoneOffset" id="TimeZoneOffset" value=""/>
-                    <div>
-                        <label for="User">[% Translate("User name") | html %]</label>
-                        <input autocorrect="off" autocapitalize="off" autocomplete="[% Data.UserNameAutocomplete %]" title="[% Translate("Your user name") | html %]" type="text" name="User" id="User" maxlength="150" />
-                    </div>
-                    <div>
-                        <label for="Password">[% Translate("Password") | html %]</label>
-                        <input title="[% Translate("Your password") | html %]" type="password" name="Password" id="Password" autocomplete="[% Data.PasswordAutocomplete %]" />
-[% RenderBlockStart("LostPasswordLink") %]
-                        <div class="Option">
-                            <a href="#Reset" id="ForgotPassword">[% Translate("Forgot password?") | html %]</a>
-                        </div>
-[% RenderBlockEnd("LostPasswordLink") %]
-                    </div>
-
-[% RenderBlockStart("AuthTwoFactor") %]
-                    <div>
-                        <label for="TwoFactorToken">[% Translate("2 Factor Token") | html %]</label>
-                        <input title="[% Translate("Your 2 Factor Token") | html %]" type="text" name="TwoFactorToken" id="TwoFactorToken" />
-                    </div>
-[% RenderBlockEnd("AuthTwoFactor") %]
-+[% InsertTemplate("CustomerHeader.tt") %]
- 
-                    <div>
-                        <button type="submit" value="[% Translate("Log In") | html %]" disabled="disabled">[% Translate("Log In") | html %]</button>
-                    </div>
-                    <div class="Clear"></div>
-                </form>
-[% RenderBlockStart("CreateAccountLink") %]
-                <p>[% Translate("Not yet registered?") | html %] <a href="#Signup">[% Translate("Sign up now") | html %]</a>.</p>
-[% RenderBlockEnd("CreateAccountLink") %]
-            </div>
-[% RenderBlockEnd("LoginBox") %]
-[% RenderBlockStart("LostPassword") %]
-            <div id="Reset">
-                <a href="#Login" class="InlineNavigation">&larr; [% Translate("Back") | html %]</a>
-                <h2>[% Translate("Request New Password") | html %]</h2>
-                <form class="Floating" action="[% Env("CGIHandle") %]" method="post" enctype="application/x-www-form-urlencoded">
-                    <input type="hidden" name="Action" value="CustomerLostPassword" />
-                    <input type="hidden" name="Lang" value="[% Env("UserLanguage") | html %]" />
-                    <div>
-                        <label for="ResetUser">[% Translate("User name") | html %]</label>
-                        <input title="[% Translate("Your User Name") | html %]" type="text" id="ResetUser" name="User" maxlength="150" />
-                    </div>
-                    <div>
-                        <button type="submit" value="[% Translate("Submit") | html %]" disabled="disabled">[% Translate("Submit") | html %]</button>
-                    </div>
-                    <div class="Clear"></div>
-                </form>
-                <p>[% Translate("A new password will be sent to your email address.") | html %]</p>
-            </div>
-[% RenderBlockEnd("LostPassword") %]
-[% RenderBlockStart("CreateAccount") %]
-            <div id="Signup">
-                <a href="#Login" class="InlineNavigation">&larr; [% Translate("Back") | html %]</a>
-                <h2>[% Translate("Create Account") | html %]</h2>
-                <p>[% Translate("Please fill out this form to receive login credentials.") | html %]</p>
-                <form class="Floating Validate" action="[% Env("CGIHandle") %]" method="post" enctype="application/x-www-form-urlencoded">
-                    <input type="hidden" name="Action" value="CustomerCreateAccount"/>
-                    <input type="hidden" name="Lang" value="[% Env("UserLanguage") | html %]"/>
-                    <div>
-                        <label for="Title">[% Translate("Title or salutation") | html %]</label>
-                        <input title="[% Translate("How we should address you") | html %]" type="text" name="Title"  id="Title" class="W50pc" value="[% Data.UserTitle | html %]"/>
-                    </div>
-                    <div class="NewLine">
-                        <label class="Mandatory" for="FirstName"><span class="Marker">*</span> [% Translate("Firstname") | html %]</label>
-                        <input title="[% Translate("Your First Name") | html %]" name="Firstname" type="text" id="FirstName" maxlength="100" value="[% Data.UserFirstname | html %]" class="W50pc Validate_Required"/>
-                        <div id="FirstNameError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
-                    </div>
-                    <div class="NewLine">
-                        <label class="Mandatory" for="LastName"><span class="Marker">*</span> [% Translate("Lastname") | html %]</label>
-                        <input title="[% Translate("Your Last Name") | html %]" name="Lastname" type="text" id="LastName" maxlength="100" value="[% Data.UserLastname | html %]" class="W50pc Validate_Required"/>
-                        <div id="LastNameError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
-                    </div>
-                    <div class="NewLine">
-                        <label class="Mandatory" for="Email"><span class="Marker">*</span> [% Translate("Email") | html %]</label>
-                        <input title="[% Translate("Your email address (this will become your username)") | html %]" name="Email" type="[% Env("EmailFieldType") | html %]" id="Email" maxlength="150" value="[% Data.UserEmail | html %]" class="W100pc Validate_Required Validate_Email"/>
-                        <div id="EmailError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
-                    </div>
-                    <div class="NewLine">
-                        <button id="CreateAccount" type="submit" value="[% Translate("Create") | html %]" disabled="disabled">[% Translate("Create") | html %]</button>
-                    </div>
-                    <div class="Clear"></div>
-                </form>
-            </div>
-[% RenderBlockEnd("CreateAccount") %]
-            <div class="Clear"></div>
-        </div> <!-- /SlideArea -->
-    </div>
-+<div class="WarningBox" style="margin:20px;padding:10px;">
-+	<p lang="de">Es tut uns Leid, aber das Kundenportal des Rechenzentrums wurde zum 20. Juli 2017 leider eingestellt.</p>
-+	<p lang="en">We are sorry, but the customer portal of RRZE was shutdown at 20 July 2017.</p>
- </div>
-<!-- stop login -->
- 
- [% InsertTemplate("CustomerFooter.tt") %]
--- a/patch-Templates/Standard/Footer.tt.patch
+++ b/patch-Templates/Standard/Footer.tt.patch
--- orig/Kernel/Output/HTML/Templates/Standard/Footer.tt	2020-04-21 15:35:16.006041402 +0200
-+++ src/Kernel/Output/HTML/Templates/Standard/Footer.tt	2020-04-21 15:36:56.302556387 +0200
-@@ -1,31 +1,26 @@
- # --
-# Copyright (C) 2001-2020 OTRS AG, https://otrs.com/
-# --
-# This software comes with ABSOLUTELY NO WARRANTY. For details, see
-# the enclosed file COPYING for license information (GPL). If you
-# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
-+# Footer.tt - provides global custom HTML footer for RRZE
-+# for OTRS 6.0.x
-+# Dominik Volkamer (RRZE DV 2020-04-15)
- # --
- 
- <div id="Footer" class="ARIARoleContentinfo">
-[% IF !Config("Secure::DisableBanner") %]
-    <a href="[% IF !Data.IsLoginPage %]https://www.otrs.com[% ELSE %]https://www.otrs.com/otrs-business-solution-managed/[% END %]" title="[% Config("Product") | html %][% IF !Data.IsLoginPage %] [% Config("Version") | html %][% END %]" target="_blank">
-        <span></span>
-        [% IF Data.OTRSSTORMIsInstalled %]
-            [% Translate("%s powered by %s™", "STORM", "OTRS") | html %]
-        [% ELSIF Data.OTRSCONTROLIsInstalled %]
-            [% Translate("%s powered by %s™", "CONTROL", "OTRS") | html %]
-        [% ELSIF Data.OTRSBusinessIsInstalled %]
-            [% Translate("Powered by %s™", "OTRS Business Solution") | html %]
-        [% ELSE %]
-            [% Translate("Powered by %s™", "OTRS") | html %]
-        [% END %]
-    </a>
-+
-+[% IF Data.IsLoginPage %]
-+	<div id="FooterLogo">
-+		<a href="https://www.fau.de/"><img src="/otrs-web/skins/Agent/default/img/logo_footer_fau.png" alt="Logo der FAU" height="35"></a>
-+		<a href="https://www.rrze.fau.de/"><img src="/otrs-web/skins/Agent/default/img/logo_footer_rrze.png" alt="Logo des RRZE" height="40"></a>
-+	</div>
-+
-+	<strong>OTRS-Support:</strong> <a href="mailto:rrze-otrs@fau.de">rrze-otrs@fau.de</a> | <strong><a href="/impressum" title="Impressum">Impressum</a></strong> | <strong><a href="/datenschutz" title="Datenschutz">Datenschutz</a></strong> | <a href="http://www.otrs.com/"> [% Translate("Powered by") | html %] <strong> [% Config("Product") %]</strong></a>
-+[% ELSE %]
-+	<strong>OTRS-Support:</strong> <a href="mailto:rrze-otrs@fau.de">rrze-otrs@fau.de</a> | <strong><a href="https://helpdesk.rrze.fau.de/otrs/public.pl" title="FAQ">Öffentliche FAQs</a></strong> | <strong><a href="/impressum" title="Impressum">Impressum</a></strong> | <strong><a href="/datenschutz" title="Datenschutz">Datenschutz</a></strong> | <a href="http://www.otrs.com/"> [% Translate("Powered by") | html %] <strong> [% Config("Product") %]</strong></a>
- [% END %]
- </div>
- 
- [% InsertTemplate("FooterJS.tt") %]
- 
-    </div><!-- end AppWrapper -->
-+	</div><!-- end AppWrapper -->
- 
- </body>
- </html>
--- a/src-default/css/Custom.RRZE.css
+++ b/src-default/css/Custom.RRZE.css
-/*
-    Created on : 20.05.2020, 09:20:50
-    Author     : RRZE-Webteam <webmaster@fau.de>
-*/
-html, body {
-  margin: 0px;
-  height: 100%; }
-
-:root {
-  --main-bg-url: url("../img/login-background.jpg");
-  --screen-xs: 480px;
-  --fontsize: 16px;
-  --lineheight: 24px;
-  --lineheighth1: 32px;
-  --smallfont: 14px;
-  --smallerfont: 12px;
-  --fontfamily: 'Roboto', 'Open Sans', 'Lato', sans-serif;
-  --meta-bg-color: #e9edf2;
-  --main-bg-color: #fff;
-  --meta-link-color: #036; }
-
-.container {
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  flex-wrap: wrap; }
-  @media (min-width: 480px) {
-    .container {
-      flex-wrap: wrap; } }
-  .container main {
-    margin: 0 0 30px 0;
-    width: 100%;
-    flex: 1;
-    overflow-y: auto;
-    display: flex; }
-    .container main .content {
-      max-width: 1200px;
-      margin: 0 auto;
-      width: 100%; }
-    .container main.login .content {
-      margin: 0;
-      width: 100%;
-      max-width: inherit; }
-      @media (min-width: 600px) {
-        .container main.login .content {
-          width: 450px;
-          margin: 0 0 0 auto;
-          min-width: var(--screen-xs); } }
-      @media (min-width: 1200px) {
-        .container main.login .content {
-          margin: auto;
-          align-self: flex-start; } }
-  .container footer {
-    margin-top: auto;
-    width: 100%; }
-  .container header {
-    margin: 0;
-    width: 100%;
-    background: var(--meta-bg-color); }
-
-.meta-header {
-  max-width: 1200px;
-  margin: 0 auto;
-  display: flex;
-  flex-wrap: nowrap;
-  flex-direction: row;
-  justify-content: space-between;
-  font-size: var(--smallfont); }
-  .meta-header a {
-    display: inline-block;
-    padding: 8px;
-    color: var(--meta-link-color);
-    text-decoration: none; }
-    .meta-header a.logout {
-      background-color: #b00f0f;
-      color: white; }
-  .meta-header .meta-links, .meta-header .login-info {
-    padding: 0 10px; }
-  .meta-header .meta-links ul {
-    display: inline-block;
-    margin: 0;
-    padding: 0; }
-  .meta-header .meta-links li {
-    list-style: none;
-    padding: 0;
-    display: inline;
-    margin: 0 4px;
-    background: none; }
-    .meta-header .meta-links li a {
-      white-space: nowrap; }
-
-.content-footer {
-  max-width: 1200px;
-  margin: 0 auto;
-  display: flex;
-  flex-wrap: nowrap;
-  flex-direction: row;
-  justify-content: space-between; }
-  .content-footer .logo {
-    order: 1;
-    margin: 10px; }
-    @media (min-width: 480px) {
-      .content-footer .logo {
-        margin: 20px; } }
-    .content-footer .logo img {
-      width: 120px; }
-      @media (min-width: 480px) {
-        .content-footer .logo img {
-          width: 240px; } }
-  .content-footer .meta {
-    order: 2;
-    padding: 10px; }
-    @media (min-width: 480px) {
-      .content-footer .meta {
-        padding: 10px 20px; } }
-    .content-footer .meta ul {
-      display: inline-block;
-      margin: 0;
-      padding: 0; }
-      @media (min-width: 480px) {
-        .content-footer .meta ul {
-          margin-top: 10px; } }
-    .content-footer .meta li {
-      font-size: var(--smallerfont);
-      list-style: none;
-      padding: 0;
-      display: inline;
-      margin: 0 4px;
-      background: none; }
-      @media (min-width: 480px) {
-        .content-footer .meta li {
-          font-size: var(--smallfont);
-          margin: 0 6px; } }
-      .content-footer .meta li a {
-        white-space: nowrap; }
-    @media (min-width: 480px) {
-      .content-footer .meta {
-        text-align: right; } }
-
-.alert {
-  padding: 15px;
-  margin-bottom: 20px;
-  border: 1px solid transparent;
-  font-weight: normal;
-  background-color: #e9edf2;
-  font-size: 1rem; }
-  .alert strong {
-    color: inherit; }
-  .alert.light {
-    color: #fff;
-    letter-spacing: 0.03em; }
-    .alert.light * {
-      color: #fff;
-      letter-spacing: 0.03em; }
-    .alert.light a {
-      color: #cccccc; }
-      .alert.light a:hover, .alert.light a:focus, .alert.light a:active {
-        color: #fff; }
-  .alert a.standard-btn {
-    margin-bottom: 0; }
-  .alert :last-child {
-    margin-bottom: 0; }
-  .alert p:last-child {
-    padding-bottom: 0; }
-
-.alert-success {
-  color: #3c763d;
-  background-color: #dff0d8;
-  border-color: #d6e9c6; }
-
-.alert-info {
-  color: #31708f;
-  background-color: #d9edf7;
-  border-color: #bce8f1; }
-
-.alert-warning {
-  color: #8a6d3b;
-  background-color: #fcf8e3;
-  border-color: #faebcc; }
-
-.alert-danger {
-  color: #a94442;
-  background-color: #f2dede;
-  border-color: #ebccd1; }
-
-button.standard-btn,
-a.standard-btn {
-  display: inline-block;
-  margin: 5px 0;
-  padding: 10px 18px;
-  overflow: hidden;
-  cursor: pointer;
-  background: #036;
-  color: #fff;
-  font-size: 16px;
-  font-size: 1rem;
-  text-align: center;
-  font-weight: normal;
-  text-decoration: none !important;
-  transition: 0.2s background ease;
-  border: 1px solid transparent; }
-
-.post .entry-content button.standard-btn,
-.post .entry-content a.standard-btn, .page .entry-content button.standard-btn,
-.page .entry-content a.standard-btn {
-  color: #fff; }
-  .post .entry-content button.standard-btn:hover,
-  .post .entry-content a.standard-btn:hover, .page .entry-content button.standard-btn:hover,
-  .page .entry-content a.standard-btn:hover {
-    color: #fff; }
-
-button.standard-btn.xsmall-btn,