Drift
/
ssp-theme
16
1
Fork 0
Code Issues 1 Pull Requests Activity

Edit theme to represent pvv

This commit is contained in:
Peder Bergebakken Sundt 2017-10-28 16:27:54 +02:00 committed by Peder Bergebakken Sundt
parent d9bf6f7376
commit bda4314030
9 changed files with 161 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -1,15 +1,17 @@
# fyrkat theme for SimpleSamlPhp
# PVV theme for SimpleSamlPhp
This has been forked from [fyrkat/ssp-theme](https://github.com/fyrkat/ssp-theme)
Clone this repo to your modules directory
git clone https://github.com/fyrkat/ssp-theme.git themefyrkat
git clone https://github.com/Programvareverkstedet/ssp-theme themepvv
Make the following changes in your SSP setup:
## config/config.php
'module.enable' => [
'themefyrkat' => TRUE,
'themepvv' => TRUE,
],
'theme.use' => 'themefyrkat:fyrkat',
'theme.use' => 'themepvv:pvv',

8
themes/fyrkat/core/loginuserpass.php → themes/pvv/core/loginuserpass.php
View File

@ -1,9 +1,9 @@
<!DOCTYPE html>
<title><?php echo $this->t('{login:user_pass_header}'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/normalize.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/fyrkat.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/auth.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/normalize.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/style.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/auth.css'); ?>" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<?php
$this->data['header'] = $this->t('{login:user_pass_header}');
@ -114,7 +114,7 @@ if (!empty($this->data['links'])) {
echo '</ul>';
}
?>
<script src="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/scripts.js'); ?>" async></script>
<script src="<?php echo SimpleSAML_Module::getModuleURL('themepvv/scripts.js'); ?>" async></script>
<?php return;
$includeLanguageBar = TRUE;

2
themes/fyrkat/default/error.php → themes/pvv/default/error.php
View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<title><?php echo $this->t($this->data['dictTitle']); ?></title>
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/fyrkat.css'); ?>" type="text/css">
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/style.css'); ?>" type="text/css">
<?php
$this->data['header'] = $this->t($this->data['dictTitle']);

0
themes/fyrkat/default/includes/footer.php → themes/pvv/default/includes/footer.php
View File

0
themes/fyrkat/default/includes/header.php → themes/pvv/default/includes/header.php
View File

4
www/auth.css
View File

@ -9,7 +9,7 @@ body {
padding: 2em 0 0 0;
}
#loginform h1 {
background: url('fyrkat.svg') no-repeat 0 0;
background: url('logo.svg') no-repeat 0 0;
background-size: fill;
padding-top: 18em;
font-size: 1em;
@ -35,6 +35,7 @@ form .inputstack p input {
border: .1em solid #aaa;
border-top: none;
width: 12.8rem;
outline: none;
}
form .inputstack p:first-child input {
border-top: .1em solid #aaa;
@ -48,4 +49,5 @@ form .inputstack p:last-child input {
width: 14rem;
display: block;
margin: 0 auto;
outline: none;
}

19
www/fyrkat.svg
View File

@ -1,19 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg fill="#557" xmlns="http://www.w3.org/2000/svg" viewBox="-25 0 250 200" version="1.1">
<defs>
<mask id="mask" fill="white">
<rect x="0" y="0" width="80" height="80"/>
<rect x="120" y="0" width="80" height="80"/>
<rect x="0" y="120" width="80" height="80"/>
<rect x="120" y="120" width="80" height="80"/>
</mask>
</defs>
<g transform="rotate(15 100 100)">
<path d="
M 199,100 A 99, 99 0 0 1 100,199 99, 99 0 0 1 1,100 99, 99 0 0 1 100, 1 99, 99 0 0 1 199,100 Z
M 185,100 A 85, 85 0 0 1 100,185 85, 85 0 0 1 15,100 85, 85 0 0 1 100,15 85, 85 0 0 1 185,100 Z
" fill-rule="evenodd" style="mask:url(#mask)" fill="#567"/>
<path d="M 0,100 C 110,90 110,90 200,100 C 90,110 90,110 0,100 M 100,0 C 110,90 110,90 100,200 C 90,110 90,110 100,0"/>
<path d="M175,100C100,100 100,100 100,25 C100,100 100,100 25,100 C100,100 100,100 100,175 C100,100 100,100 175,100Z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1015 B

141
www/logo.svg Normal file
View File

@ -0,0 +1,141 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 800 800"
style="enable-background:new 0 0 800 800;"
xml:space="preserve"
id="svg45"
sodipodi:docname="Pvv logoBW.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata51"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs49" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview47"
showgrid="false"
inkscape:zoom="0.834386"
inkscape:cx="590.94635"
inkscape:cy="338.49599"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_5" /><style
type="text/css"
id="style2">
.st0{fill:#fafafa;}
.st1{fill:none;stroke:#fafafa;stroke-width:2;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st3{fill:none;}
.st4{stroke:#000000;stroke-miterlimit:10;}
.st5{font-family:'OCRAStd';}
.st6{font-size:126px;}
</style><g
id="Layer_2"><rect
y="0"
class="st0"
width="800"
height="800"
id="rect4" /></g><g
id="Layer_4"><path
class="st1"
d="M294.6,720.3"
id="path7" /><line
class="st1"
x1="478.4"
y1="720.3"
x2="313.2"
y2="720.3"
id="line9" /><path
class="st1"
d="M478.4,720.3"
id="path11" /><polyline
class="st2"
points="717.1,223.3 717.1,720.3 497.3,720.3 "
id="polyline13" /><path
class="st2"
d="M498.3,720.3c0-5.6-4.5-10.1-10.1-10.1c-5.6,0-10.1,4.5-10.1,10.1H314.3c0-5.6-4.5-10.1-10.1-10.1 c-5.6,0-10.1,4.5-10.1,10.1h0.6H76.5V79.7h640.5v120.8v-0.8h-17.3v24.8h17.3"
id="path15" /></g><g
id="Layer_3"><circle
class="st2"
cx="396.8"
cy="400"
r="320.3"
id="circle18" /></g><g
id="Layer_1"><polyline
class="st2"
points="514.5,173.5 170.2,173.5 170.3,626.6 623.3,626.5 623.3,215.7 584.4,173.4 557,173.4 548,180.6 526.5,180.7 "
id="polyline21" /><path
class="st1"
d="M396.8,173.5"
id="path23" /><path
class="st1"
d="M396.8,173.3"
id="path25" /><path
class="st2"
d="M526.5,331.8c0,7.6-5.4,13.7-12,13.7H227.7c-6.6,0-12-6.1-12-13.7V187.2c0-7.6,5.4-13.7,12-13.7h286.8 c6.6,0,12,6.1,12,13.7V331.8z"
id="path27" /><path
class="st2"
d="M526.7,333.6c0,6.6-5.4,12-12,12H296.8c-6.6,0-12-5.4-12-12V185.5c0-6.6,5.4-12,12-12h217.9 c6.6,0,12,5.4,12,12V333.6z"
id="path29" /><path
class="st2"
d="M577.9,613.7c0,6.6-5.4,12-12,12H227.7c-6.6,0-12-5.4-12-12V381.1c0-6.6,5.4-12,12-12h338.2 c6.6,0,12,5.4,12,12V613.7z"
id="path31" /><rect
x="179.9"
y="590.2"
class="st2"
width="25.7"
height="23"
id="rect33" /><rect
x="587.6"
y="590.2"
class="st2"
width="25.7"
height="23"
id="rect35" /><rect
x="433.6"
y="193.5"
class="st2"
width="64.9"
height="137.8"
id="rect37" /></g><g
id="Layer_5"><rect
x="258"
y="442.5"
class="st3"
width="277.5"
height="109.7"
id="rect40" /><g
aria-label="PVV"
transform="matrix(1 0 0 1 260.7021 547.998)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
id="text42"><path
d="m 14.238,-6.426 c 0,3.528 2.772,6.426 6.3,6.426 3.528,0 6.426,-2.898 6.426,-6.426 v -30.996 h 30.87 c 10.458,0 19.152,-8.694 19.152,-19.152 v -22.68 c 0,-10.332 -8.694,-19.026 -19.152,-19.026 H 14.238 Z m 12.726,-43.722 v -35.406 h 30.87 c 3.276,0 6.426,2.898 6.426,6.3 v 22.68 c 0,3.528 -3.024,6.426 -6.426,6.426 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
id="path55" /><path
d="m 105.29269,-69.174 25.326,65.142 c 1.008,2.394 3.276,4.032 6.048,4.032 2.646,0 4.914,-1.638 5.922,-4.032 l 25.452,-65.268 v -22.68 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 v 20.286 l -18.648,47.628 -18.648,-47.628 V -91.98 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
id="path57" /><path
d="m 196.34737,-69.174 25.326,65.142 c 1.008,2.394 3.276,4.032 6.048,4.032 2.646,0 4.914,-1.638 5.922,-4.032 l 25.452,-65.268 v -22.68 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 v 20.286 l -18.648,47.628 -18.648,-47.628 V -91.98 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
id="path59" /></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

12
www/fyrkat.css → www/style.css
View File

@ -21,7 +21,7 @@ main {
min-height: 40em;
}
nav {
background: url('fyrkat.svg') no-repeat 0 0;
background: url('logo.svg') no-repeat 0 0;
background-size: contain;
position: absolute;
width: 15em;
@ -120,23 +120,23 @@ form input[type=submit] { /* remove explicit width, add padding */
border: none;
cursor: pointer;
border-radius: .3em;
background: #084;
background: #048;
color: #fff;
box-shadow: #063 0 3px 0;
box-shadow: #036 0 3px 0;
padding: 1em 2.5em .8em 2.5em;
}
form input[type=submit].disabled, form input[type=submit].disabled:active {
color: #ddd;
background: #576;
background: #567;
cursor: default;
/* border-bottom: .2em solid #254 !important; */
box-shadow: #254 0 3px 0;
box-shadow: #245 0 3px 0;
top: 0 !important;
}
form input[type=submit]:active, form input[type=submit].active {
position: relative;
top: 1px;
box-shadow: #063 0 2px 0;
box-shadow: #036 0 2px 0;
}
.input-group input[type=radio] {