Fixed renaming

Reconfig of placegrid
Adjusted Image fit
2020-08-01 10:30:38 +02:00 · 2020-08-01 10:28:08 +02:00 · 2020-08-01 10:27:50 +02:00 · 2020-08-01 10:27:36 +02:00 · 2020-08-01 10:27:23 +02:00 · 2020-08-01 10:26:47 +02:00
35 changed files with 201 additions and 160 deletions
--- a/components/01_Atoms/_atoms.scss
+++ b/components/01_Atoms/_atoms.scss
@ -7,3 +7,4 @@
@import 'input/input';
@import 'image/image';
@import 'logo/logo';
+@import 'tag/tag';
--- a/components/01_Atoms/button/_button.scss
+++ b/components/01_Atoms/button/_button.scss
@ -1,13 +1,17 @@
 .LP-Button{
-	background-color: $-secondary-accent-color;
-	color: $-secondary-color;
+	background-color: $-light-brown;
+	color: $-grey;
 	border: none;
 	padding: 8px 14px;
 	border-radius: 2px;
 	font-weight: bold;

-	&:active {
-		background-color: $-primary-accent-color;
-		color: $-secondary-accent-color;
+	&:active{
+		background-color: $-wine-red;
+		color:$-almost-white;
+	}
+
+	&--cancel{
+		background-color: $-almost-white;
 	}
 }
--- a/components/01_Atoms/button/button.config.json
+++ b/components/01_Atoms/button/button.config.json
@ -1,3 +1,14 @@
 {
-	
+	"title": "Button",
+	"context":{
+		"text": "Click me"
+	},
+	"variants": [
+		{
+			"name": "Cancel Button",
+			"context": {
+				"modifier": "--cancel"
+			}
+		}
+	]
 }
--- a/components/01_Atoms/button/button.hbs
+++ b/components/01_Atoms/button/button.hbs
@ -1 +1 @@
-<button class="LP-Button">Click Me</button>
+<button class="LP-Button LP-Button{{modifier}}">Click Me</button>
--- a/components/01_Atoms/headline/_headline.scss
+++ b/components/01_Atoms/headline/_headline.scss
@ -1,6 +1,6 @@
 .LP-Headline{
    font-family: $-primary-sans-serif-font;
-    color: $-secondary-color;
+    color: $-grey;
    font-size: 1.7rem;
    padding-top: 0px;
    margin-top: 0px;
--- a/components/01_Atoms/input/_input.scss
+++ b/components/01_Atoms/input/_input.scss
@ -7,14 +7,14 @@

    .LP-Input__Field{
        border: none;
-        border-bottom: 1px solid $-secondary-color;
+        border-bottom: 1px solid $-grey;
        padding: 8px;
        margin-bottom: $-margin-bottom;

        &:focus, &:active{
            margin-bottom: $-margin-bottom - 1px;
-            border-bottom: 2px solid $-primary-accent-color;
-            background-color: $-secondary-background-color;
+            border-bottom: 2px solid $-wine-red;
+            background-color: $-almost-white;
            border-radius: 3px 3px 0 0;
        }
    }
@ -40,19 +40,19 @@
    &--error{
        .LP-Input__Field{
            margin-bottom: 25px;
-            border-bottom: 2px solid $-primary-accent-color;
+            border-bottom: 2px solid $-wine-red;
            margin-bottom: $-margin-bottom - 1px;
        }

        .LP-Input__Message{
-            color: $-primary-accent-color;
+            color: $-wine-red;
        }
 	}
 	
 	&--disabled{
 		.LP-Input__Field, .LP-Input__Field:disabled{
 			background-color: transparent;
-			border-bottom: 1px dashed $-secondary-color;
+			border-bottom: 1px dashed $-grey;
 			cursor: not-allowed;
 			
 			label + &{
@ -70,7 +70,7 @@
 		}

 		.LP-Input__Label{
-			color: $-secondary-color;
+			color: $-grey;
 		}
 	}
 }
--- a/components/01_Atoms/link/_link.scss
+++ b/components/01_Atoms/link/_link.scss
@ -1,15 +1,15 @@
 .LP-Link {
-    color: $-secondary-color;
+    color: $-grey;
    text-decoration: none;
    font-family: $-primary-sans-serif-accent-font;
    &:hover {
-        color: $-secondary-accent-color;
+        color: $-light-brown;
    }

    .LP-Text{
        font-family: $-primary-sans-serif-accent-font;
        &:hover{
-            color: $-secondary-accent-color;
+            color: $-light-brown;
        }
    }
 }
--- a/components/01_Atoms/tag/_tag.scss
+++ b/components/01_Atoms/tag/_tag.scss
@ -0,0 +1,14 @@
+.LP-Tag{
+	padding: 8px 14px;
+	background-color: #D7CEC7;
+	border-radius: 2px;
+	width: max-content;
+
+	.LP-Paragraph{
+		padding: 0;
+		margin: 0;
+		font-family: $-primary-sans-serif-font;
+		font-size: 1em;
+		display: inline;
+	}
+}
--- a/components/01_Atoms/tag/tag.config.json
+++ b/components/01_Atoms/tag/tag.config.json
@ -0,0 +1,6 @@
+{
+	"title": "Tag",
+	"context": {
+		"text": "Im a tag"
+	}
+}
--- a/components/01_Atoms/tag/tag.hbs
+++ b/components/01_Atoms/tag/tag.hbs
@ -0,0 +1,3 @@
+<div class="LP-Tag">
+	{{> @paragraph text=text}}
+</div>
--- a/components/02_Molecules/_molecules.scss
+++ b/components/02_Molecules/_molecules.scss
@ -1,3 +1,3 @@
@import 'textSection/textSection';
@import 'placeTeaser/placeTeaser';
-@import 'securityMeasureList/securityMeasureList';
+@import 'tagList/tagList';
--- a/components/02_Molecules/placeTeaser/_placeTeaser.scss
+++ b/components/02_Molecules/placeTeaser/_placeTeaser.scss
@ -1,12 +1,19 @@
-.LP-Place{
+.LP-PlaceTeaser{
 	width: 280px;

-    .LP-Place__Image{
-        height: 165px;
-        object-fit: fill;
+    .LP-PlaceTeaser__Image{
+		height: 165px;
+		width: 280px;
+		overflow: hidden;
+
+		.LP-Image{
+			max-width:unset;
+			max-height:unset;
+			object-fit: cover;
+		}
    }

-    .LP-Place__Meta{
+    .LP-PlaceTeaser__Meta{
        display: flex;
        align-items: center;
        justify-content: space-between;
@ -22,16 +29,16 @@

 		.LP-Headline{
 			font-family: $-primary-sans-serif-font;
-			color: $-secondary-color;
+			color: $-grey;
 			font-size: 1rem;
 			padding: 0px;
 			margin: 0px;
 		}
    }

-	.LP-Place__Description{
+	.LP-PlaceTeaser__Description{
 		font-family: $-primary-sans-serif-accent-font;
-		color: $-secondary-color;
+		color: $-grey;
 		display: none;
 	}

--- a/components/02_Molecules/placeTeaser/placeTeaser.hbs
+++ b/components/02_Molecules/placeTeaser/placeTeaser.hbs
@ -1,16 +1,16 @@
-<article class="LP-Place">
-	<div class="LP-Place__Image">
+<article class="LP-PlaceTeaser">
+	<div class="LP-PlaceTeaser__Image">
 		    <img class="LP-Image" src="{{image}}"/>
 	</div>
-    <div class="LP-Place__Meta">
-        <div class="LP-Place__Info">
-            <span class="LP-Place__Title">{{> @headline headline=title modifier='--teaser'}}</span>
-            <span class="LP-Place__Detail" >{{> @paragraph text=location}}</span>
+    <div class="LP-PlaceTeaser__Meta">
+        <div class="LP-PlaceTeaser__Info">
+            <span class="LP-PlaceTeaser__Title">{{> @headline headline=title modifier='--teaser'}}</span>
+            <span class="LP-PlaceTeaser__Detail" >{{> @paragraph text=location}}</span>
        </div>
-		<div class="LP-Place__Description">
+		<div class="LP-PlaceTeaser__Description">
 			{{> @paragraph text=description}}
 		</div>
-		<div class="LP-Place__Icons">
+		<div class="LP-PlaceTeaser__Icons">
 			<ul class="LP-Icon__List">
 				<li class="LP-Icon__Item"><img class="LP-Icon" src="/icons/favourite.svg"/></li>
 				<li class="LP-Icon__Item"><img class="LP-Icon" src="/icons/location.svg"/></li>
--- a/components/02_Molecules/securityMeasureList/_securityMeasureList.scss
+++ b/components/02_Molecules/securityMeasureList/_securityMeasureList.scss
@ -1,17 +0,0 @@
-.LP-SecurityMeasure__List{
-    list-style-type: none;
-    display: flex;
-    padding:0;
-    margin: 0;
-
-    .LP-SecurityMeasure__Item{
-        margin: 0 8px;
-        padding: 8px 14px;
-        background-color: #D7CEC7;
-        border-radius: 2px;
-        .LP-Text{
-            font-family: $-primary-sans-serif-font;
-            font-size: 1.2rem;
-        }
-    }
-}
--- a/components/02_Molecules/securityMeasureList/securityMeasureList.config.json
+++ b/components/02_Molecules/securityMeasureList/securityMeasureList.config.json
@ -1 +0,0 @@
-{}
--- a/components/02_Molecules/securityMeasureList/securityMeasureList.hbs
+++ b/components/02_Molecules/securityMeasureList/securityMeasureList.hbs
@ -1,7 +0,0 @@
-<ul class="LP-SecurityMeasure__List">
-    <li class="LP-SecurityMeasure__Item"><span class="LP-Text">Kameras</span></li>
-    <li class="LP-SecurityMeasure__Item"><span class="LP-Text">Zaun</span></li>
-    <li class="LP-SecurityMeasure__Item"><span class="LP-Text">Wachhund</span></li>
-    <li class="LP-SecurityMeasure__Item"><span class="LP-Text">Alarmanlage</span></li>
-    <li class="LP-SecurityMeasure__Item"><span class="LP-Text">Selbstschussanlage</span></li>
-</ul>
--- a/components/02_Molecules/tagList/_tagList.scss
+++ b/components/02_Molecules/tagList/_tagList.scss
@ -0,0 +1,13 @@
+.LP-TagList{
+	.LP-TagList__List{
+		list-style-type: none;
+		display: flex;
+		flex-wrap: wrap;
+		padding:0;
+		margin: 0;
+
+		.LP-TagList__Item{
+			margin: 6px;
+		}
+	}
+}
--- a/components/02_Molecules/tagList/tagList.config.json
+++ b/components/02_Molecules/tagList/tagList.config.json
@ -0,0 +1,11 @@
+{
+	"title": "TagList",
+	"context": {
+		"tags": [
+			"Kamera",
+			"Wachhund",
+			"Zaun",
+			"Security"
+		]
+	}
+}
--- a/components/02_Molecules/tagList/tagList.hbs
+++ b/components/02_Molecules/tagList/tagList.hbs
@ -0,0 +1,7 @@
+<div class="LP-TagList">
+	<ul class="LP-TagList__List">
+		{{#each tags}}
+			<li class="LP-TagList__Item">{{> @tag text=this}}</li>
+		{{/each}}
+	</ul>
+</div>
--- a/components/02_Molecules/textSection/textSection.config.json
+++ b/components/02_Molecules/textSection/textSection.config.json
@ -1 +1,6 @@
-{}
+{
+	"context": {
+		"headline": "At vero eos et accusam et justo duo dolores",
+		"text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+	}
+}
--- a/components/02_Molecules/textSection/textSection.hbs
+++ b/components/02_Molecules/textSection/textSection.hbs
@ -1,4 +1,4 @@
 <article class="LP-TextSection">
    {{> @headline headline=headline}}
-    {{> @text text=text}}
+    {{> @paragraph text=text}}
 </article>
--- a/components/03_Organisms/_organisms.scss
+++ b/components/03_Organisms/_organisms.scss
@ -1,6 +1,5 @@
@import 'header/header';
@import 'navigation/navigation';
-@import 'introduction/introduction';
@import 'placeGrid/placeGrid';
@import 'placeList/placeList';
@import 'linkList/linkList';
--- a/components/03_Organisms/footer/_footer.scss
+++ b/components/03_Organisms/footer/_footer.scss
@ -1,7 +1,7 @@
 .LP-Footer{
    margin-top: 75px;
    width: 100%;
-    background-color: $-secondary-color;
+    background-color: $-grey;
    padding: 25px;

    .LP-LinkList__List{
@ -14,7 +14,7 @@
            width: auto;

            .LP-Text{
-                color: $-secondary-background-color;
+                color: $-almost-white;
                font-size: 17px;
            }

--- a/components/03_Organisms/introduction/_introduction.scss
+++ b/components/03_Organisms/introduction/_introduction.scss
@ -1,10 +0,0 @@
-.LP-Introduction{
-
-    .LP-Headline{
-        font-size: 2rem;
-    }
-
-    .LP-Text{
-        font-size: 1.3rem;
-    }
-}
--- a/components/03_Organisms/introduction/introduction.config.json
+++ b/components/03_Organisms/introduction/introduction.config.json
@ -1,3 +0,0 @@
-{
-    "context": {}
-}
--- a/components/03_Organisms/introduction/introduction.hbs
+++ b/components/03_Organisms/introduction/introduction.hbs
@ -1,4 +0,0 @@
-
-<div class="LP-Introduction">
-    {{> @textsection headline='Welcome to the urban exploring registry' text='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'}}
-</div>
--- a/components/03_Organisms/linkList/_linkList.scss
+++ b/components/03_Organisms/linkList/_linkList.scss
@ -6,7 +6,7 @@
    padding: 0;

    .LP-LinkList__Item{
-        border-left: 1px solid $-secondary-accent-color;
+        border-left: 1px solid $-light-brown;
        width: 100%;
        margin-top: 12px;
        height: 55px;
@ -16,7 +16,7 @@
            padding: $-link-padding 0 $-link-padding $-link-padding;
            width: calc(100% - $-link-padding);
            display: block;
-            color: $-secondary-color;
+            color: $-grey;


            &--iconized{
@ -34,8 +34,8 @@


            &:hover{
-                background-color: $-secondary-background-color;
-                color: $-primary-accent-color;
+                background-color: $-almost-white;
+                color: $-wine-red;
            }

            .LP-Text{
@ -48,7 +48,7 @@
 .LP-Link__Icon{
    width: 2em;
    height: 2em;
-    fill: $-primary-accent-color;
+    fill: $-wine-red;
    line-height: 5em;
 }

--- a/components/03_Organisms/navigation/_navigation.scss
+++ b/components/03_Organisms/navigation/_navigation.scss
@ -14,11 +14,11 @@
    }

    .LP-Link__Text {
-        color: $-secondary-color;
+        color: $-grey;
        font-weight: bold;
        text-shadow: 0px 0px 20px white;
        &:hover{
-            color: $-primary-accent-color;
+            color: $-wine-red;
        }
    }
 }
--- a/components/03_Organisms/placeGrid/_placeGrid.scss
+++ b/components/03_Organisms/placeGrid/_placeGrid.scss
@ -1,26 +1,23 @@
-.LP-Place__Grid{
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+.LP-PlaceGrid{
+	.LP-PlaceGrid__Grid{
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;

-    >.LP-Place__Item{
-        margin: 0 15px;
+		.LP-PlaceGrid__Item{
+			margin: 0 15px;
+			margin-bottom: 50px;
+		}

-        margin-bottom: 50px;
-    }
-
-    .LP-Link{
-        .LP-Place__Description{
-            display:none;
-        }
-
-        .LP-Place{
-            &:hover{
-                box-shadow: 0 0 8px $-secondary-color;
-            }
-        }
-    }
+		.LP-Link{
+			.LP-PlaceTeaser{
+				&:hover{
+					box-shadow: 0 0 2px $-grey;
+				}
+			}
+		}
+	}
 }
--- a/components/03_Organisms/placeGrid/placeGrid.config.json
+++ b/components/03_Organisms/placeGrid/placeGrid.config.json
@ -1 +1,31 @@
-{}
+{
+	"title": "PlaceGrid",
+	"context":{
+		"places": [
+			{
+				"image": "/images/photo_2020-04-09_18-27-13.jpg",
+				"name": "Haus Maikotten",
+				"location": "Münster (westfalen)",
+				"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+			},
+			{
+				"image": "/images/Bildschirmfoto_von_2020-07-13_11-03-07.png",
+				"name": "Kokerei in Hamm",
+				"location": "Hamm (westfalen)",
+				"description": ""
+			},
+			{
+				"image": "/images/Bildschirmfoto_von_2020-07-13_20-15-00.png",
+				"name": "Noch ein Zementwerk",
+				"location": "Beckum (Westfalen)",
+				"description": ""
+			},
+			{
+				"image": "/images/photo_2020-05-02_18-11-21.jpg",
+				"name": "Zementwerk Mersmann",
+				"location": "Beckum (Westfalen)",
+				"description": ""
+			}
+		]
+	}
+}
--- a/components/03_Organisms/placeGrid/placeGrid.hbs
+++ b/components/03_Organisms/placeGrid/placeGrid.hbs
@ -1,37 +1,12 @@
-<div class="LP-Content__Wrapper">
-    <div class="LP-Content">
-        {{> @headline headline='Explorere the latest locations'}}
-        <ul class="LP-Place__Grid">
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/photo_2020-04-09_18-27-13.jpg' title='Haus Maikotten' location='Münster (westfalen)' description='Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'}}</a>
-            </li>
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_11-03-07.png' title='Kokerei in Hamm' location='Hamm (westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/photo_2020-05-02_18-11-21.jpg' title='Zementwerk Mersmann' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-            <a href="#" class="LP-Link">{{> @place image='/images/photo_2020-04-09_18-27-13.jpg' title='Haus Maikotten' location='Münster (westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-            <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-                <a href="#" class="LP-Link">{{> @place image='/images/photo_2020-05-02_18-11-21.jpg' title='Zementwerk Mersmann' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-            <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png' title='Noch ein Zementwerk' location='Beckum (Westfalen)' }}</a> 
-            </li>
-            <li class="LP-Place__Item">
-            <a href="#" class="LP-Link">{{> @place image='/images/Bildschirmfoto_von_2020-07-13_11-03-07.png' title='Kokerei in Hamm' location='Hamm (westfalen)' }}</a> 
-            </li>
-        </ul>
-    </div>
+<div class="LP-PlaceGrid">
+	{{> @headline headline='Explorere the latest locations'}}
+	<ul class="LP-PlaceGrid__Grid">
+		{{#each places}}
+			<li class="LP-PlaceGrid__Item">
+				<a href="#" class="LP-Link">
+					{{> @placeteaser image=this.image title=this.name location=this.location description=this.description}}
+				</a>
+			</li>
+		{{/each}}
+	</ul>
 </div>
--- a/components/03_Organisms/placeList/_placeList.scss
+++ b/components/03_Organisms/placeList/_placeList.scss
@ -4,15 +4,15 @@
    .LP-Link{
        .LP-Place{
            &:hover{
-                color: $-secondary-color;
-                background-color: $-secondary-background-color;
+                color: $-grey;
+                background-color: $-almost-white;
                
    
                $-hover-offset: 2px;
                position: relative;
                left: -$-hover-offset;
                >.LP-Place__Image{
-                    border-left: $-hover-offset $-secondary-color solid;
+                    border-left: $-hover-offset $-grey solid;
                }
            }
        }
--- a/components/04_Templates/home/_home.scss
+++ b/components/04_Templates/home/_home.scss
@ -4,5 +4,5 @@
 }

 .LP-HorizontalLine{
-    color: $-secondary-color;
+    color: $-grey;
 }
--- a/components/04_Templates/placeOverview/_placeOverview.scss
+++ b/components/04_Templates/placeOverview/_placeOverview.scss
@ -4,7 +4,7 @@
        .LP-PlaceOveriew__Image{
            width: 700px;
            height: 450px;
-            box-shadow: 0 0 10px $-secondary-color;
+            box-shadow: 0 0 10px $-grey;
            object-fit: cover;

            float: right;
@ -28,7 +28,7 @@
        .LP-PlaceOverView__ImageItem{
            
            img {
-                box-shadow: 0 0 5px $-secondary-color;
+                box-shadow: 0 0 5px $-grey;
                height: 200px;
                width: 290px;
                object-fit: cover;
--- a/components/components.scss
+++ b/components/components.scss
@ -16,11 +16,11 @@
        ;
  }

-$-primary-color: #D7CEC7;
-$-secondary-color: #565656;
-$-primary-accent-color: #76323F;
-$-secondary-accent-color: #C09F80;
-$-secondary-background-color: #f9f9f9;
+$-beige: #D7CEC7;
+$-grey: #565656;
+$-wine-red: #76323F;
+$-light-brown: #C09F80;
+$-almost-white: #f9f9f9;

 $-primary-sans-serif-font: Montserrat, Helvetica, sans-serif;
 $-primary-serif-font: Crimson, Times, serif;
Author	SHA1	Message	Date
reverend	3404c1fd28	Fixed renaming	2020-08-01 10:30:38 +02:00
reverend	1eeb187efa	Reconfig of placegrid	2020-08-01 10:28:08 +02:00
reverend	488d773f00	Adjusted Image fit	2020-08-01 10:27:50 +02:00
reverend	97282fd1af	Context for the button	2020-08-01 10:27:36 +02:00
reverend	d90646c9d0	Color Renaming	2020-08-01 10:27:23 +02:00
reverend	254e6aa2bd	Parametrized TextSection	2020-08-01 10:26:47 +02:00
reverend	d6ba2cf41b	Renamed SecurityMeasure to Tag	2020-08-01 10:26:05 +02:00
reverend	fdd93d1f1b	Renamed colors	2020-08-01 10:25:30 +02:00
reverend	f7e3f96228	Removed component introduction	2020-08-01 10:25:12 +02:00