1- < h1 align = " center " > Vanilla theme for SimpleSAMLphp</ h1 >
1+ # Vanilla theme for SimpleSAMLphp
22
3- ![ discopower] ( / screenshots/disco_buttons_bottom.png)
3+ ![ discopower] ( screenshots/disco_buttons_bottom.png )
44
55A customisable theme for SimpleSAMLphp based on Bootstrap.
66See more screens in the directory [ screenshots] ( screenshots/ ) .
77
8-
98## Installation
109
1110You can install the theme using any of the methods below.
@@ -18,7 +17,7 @@ installation. Check the following example, that includes all the necessary
1817additions for the installation of the ** simplesamlphp-module-themevanilla
1918v1.0.0** .
2019
21- ```
20+ ``` json
2221"require" : {
2322
2423 ...
@@ -71,13 +70,14 @@ v1.0.0**.
7170```
7271
7372With the above configuration composer will do several operations:
74- * It will put the module ` themevanilla ` in the ` modules ` directory.
75- * It will download and extract the compressed ` css ` and ` js ` directories that
73+
74+ - It will put the module ` themevanilla ` in the ` modules ` directory.
75+ - It will download and extract the compressed ` css ` and ` js ` directories that
7676 include the minified css and javascript files.
77- * It will copy the ` css ` and ` js ` directories from the ` vendor/rciam ` directory
77+ - It will copy the ` css ` and ` js ` directories from the ` vendor/rciam ` directory
7878 in the ` themevanilla/www/resources ` directory, where the static files of the
7979 theme should be placed.
80- * It will place the configuration file ` module_themevanilla.php ` inside the
80+ - It will place the configuration file ` module_themevanilla.php ` inside the
8181 ` config ` directory of the installation.
8282
8383### Direct download
@@ -92,20 +92,21 @@ of your SimpleSAMLphp installation.
9292
9393Clone this repository into the ` modules ` directory of your SimpleSAMLphp
9494installation as follows:
95- ```
95+
96+ ``` sh
9697cd /path/to/simplesamlphp/modules
9798git clone https://github.com/rciam/simplesamlphp-module-themevanilla.git themevanilla
9899```
100+
99101Note that the cloned repository will not include the css files or minified
100102javascript files.
101103You'll need to download or produce them. You can download the compressed
102- directories (` js.zip ` and ` css.zip ` ) from the [ release page] ( https://github.com/rciam/simplesamlphp-module-themevanilla/releases ) and
103- extract them under ` modules/themevanilla/www/resources ` . If you want to produce
104- them, you may read the customisation instructions below.
104+ directories (` js.zip ` and ` css.zip ` ) from the [ release page] ( https://github.com/rciam/simplesamlphp-module-themevanilla/releases )
105+ and extract them under ` modules/themevanilla/www/resources ` . If you want to
106+ produce them, you may read the customisation instructions below.
105107As a last step, move ` example-config/module_themevanilla.php ` file to the ` config `
106108directory of your SimpleSAMLphp installation.
107109
108-
109110## Configuration
110111
111112### Basic usage
@@ -117,16 +118,18 @@ In order to use this module as theme you need to set in the
117118
118119The theme splits the discopower IdP discovery page into 2 sections, depending on
119120the tags of the included IdPs:
120- * The section that its IdPs have the tag ` idps_in_searchable_list ` contains all
121+
122+ - The section that its IdPs have the tag ` idps_in_searchable_list ` contains all
121123 the IdPs in a list of links with a search box.
122- * The section that its IdPs have the tag ` idps_with_logos ` contains login
124+ - The section that its IdPs have the tag ` idps_with_logos ` contains login
123125 buttons with specified style rules for each IdP. Each button may have a logo
124126 icon, too.
125127
126128Also, you need to define the order of the 2 sections. You can set this in the
127129file ` config/module_discopower.php ` from the variable ` taborder ` .
128130For example:
129- ```
131+
132+ ``` php
130133'taborder' => [
131134 'idps_in_searchable_list',
132135 'idps_with_logos'
@@ -136,7 +139,8 @@ For example:
136139Especially for the of the ` idps_with_logos ` , you need to specify the css class
137140name, icon and label of the IdP login button using the ` login_button `
138141configuration as follows:
139- ```
142+
143+ ``` php
140144'tags' => [
141145 'idps_with_logos',
142146],
@@ -146,33 +150,34 @@ configuration as follows:
146150 'label' => 'ORCID',
147151]
148152```
153+
149154To set style rules for the each button, the configured css_classname value must
150155be defined in the ` idps_buttons.scss ` file. See more information bellow.
151156
152157At the moment there are style rules for the IdPs:
153- * ARIA
154- * B2ACCESS
155- * Check-in
156- * DARIAH
157- * eduTEAMS
158- * Elixir
159- * Facebook
160- * Google
161- * IGTF
162- * LinkedIn
163- * ORCID
164- * OpenAIRE
165- * OpenMinTeD
158+
159+ - ARIA
160+ - B2ACCESS
161+ - Check-in
162+ - DARIAH
163+ - eduTEAMS
164+ - Elixir
165+ - Facebook
166+ - Google
167+ - IGTF
168+ - LinkedIn
169+ - ORCID
170+ - OpenAIRE
171+ - OpenMinTeD
166172
167173### Cookie Policy
168174
169- Cookie policy includes a banner at the bottom of each page that prompts the user to
170- accept the cookies, along with a Cookies Policy page.
175+ Cookie policy includes a banner at the bottom of each page that prompts the
176+ user to accept the cookies, along with a Cookies Policy page.
171177The feature is disabled by default.
172178To enable it, set ` enable_cookies_banner ` to ` true ` in the configuration file:
173179` <path-to-simplesamlphp>/config/module_themevanilla.php ` .
174180
175-
176181## Customization
177182
178183### Wording
@@ -183,7 +188,7 @@ You can find definitions and dictionaries in the `dictionaries` directory.
183188
184189Place your logo and favicon in the directory:
185190` themevanilla/www/resources/images ` If you name them ` logo.jpg ` and
186- ` favicon.ico ` they will be loaded without any other modification. If you name
191+ ` favicon.ico ` they will be loaded without any other modification. If you name
187192them differently you need to modify the template ` header.php ` that is placed in:
188193` themevanilla/themes/ssp/default/includes/ ` .
189194
@@ -208,16 +213,19 @@ If you want to hide the ribbon, set `ribbon_text` to `""`.
208213### CSS
209214
210215To produce the css files for this theme follow these steps:
211- * Install sass ([ installation guide] ( http://sass-lang.com/install ) )
212- * Go to the directory ` themevanilla/www/resources `
213- * Run the cli sass: ` sass --update sass:css `
216+
217+ - Install sass ([ installation guide] ( http://sass-lang.com/install ) )
218+ - Go to the directory ` themevanilla/www/resources `
219+ - Run the cli sass: ` sass --update sass:css `
214220
215221After these steps the css files will be in the directory
216222` themevanilla/www/resources/css `
217223
218224You can change the settings of this theme from the files:
219- * ` themevanilla/www/resources/sass/_settings.scss ` : Here you will see the
225+
226+ - ` themevanilla/www/resources/sass/_settings.scss ` : Here you will see the
220227 following variables:
228+
221229 - $btn-action: background color of primary button
222230 - $btn-warning: background color of warning button
223231 - $footer-bg: footer background color
@@ -226,10 +234,10 @@ You can change the settings of this theme from the files:
226234 - $btn-footer-text: text color of button that is in the footer
227235 - $btn-footer-border: border color of button that is in the footer
228236
229- * ` themevanilla/www/resources/sass/_colors.scss ` : Here you can add or change
237+ - ` themevanilla/www/resources/sass/_colors.scss ` : Here you can add or change
230238 color settings.
231239
232- * ` themevanilla/www/resources/sass/_idps_buttons.scss ` : Here you can add or
240+ - ` themevanilla/www/resources/sass/_idps_buttons.scss ` : Here you can add or
233241 modify settings that are related with the buttons of the selected subset of
234242 IdPs.
235243
0 commit comments