Compare commits
No commits in common. "3404c1fd28c3b5b53e8dee4931ccb0d46f5bddf8" and "6215b8dd7cd35ea96051d9e5a33082ac5236d5ff" have entirely different histories.
3404c1fd28
...
6215b8dd7c
@ -7,4 +7,3 @@
|
||||
@import 'input/input';
|
||||
@import 'image/image';
|
||||
@import 'logo/logo';
|
||||
@import 'tag/tag';
|
||||
@ -1,17 +1,13 @@
|
||||
.LP-Button{
|
||||
background-color: $-light-brown;
|
||||
color: $-grey;
|
||||
background-color: $-secondary-accent-color;
|
||||
color: $-secondary-color;
|
||||
border: none;
|
||||
padding: 8px 14px;
|
||||
border-radius: 2px;
|
||||
font-weight: bold;
|
||||
|
||||
&:active{
|
||||
background-color: $-wine-red;
|
||||
color:$-almost-white;
|
||||
}
|
||||
|
||||
&--cancel{
|
||||
background-color: $-almost-white;
|
||||
&:active {
|
||||
background-color: $-primary-accent-color;
|
||||
color: $-secondary-accent-color;
|
||||
}
|
||||
}
|
||||
@ -1,14 +1,3 @@
|
||||
{
|
||||
"title": "Button",
|
||||
"context":{
|
||||
"text": "Click me"
|
||||
},
|
||||
"variants": [
|
||||
{
|
||||
"name": "Cancel Button",
|
||||
"context": {
|
||||
"modifier": "--cancel"
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
}
|
||||
@ -1 +1 @@
|
||||
<button class="LP-Button LP-Button{{modifier}}">Click Me</button>
|
||||
<button class="LP-Button">Click Me</button>
|
||||
@ -1,6 +1,6 @@
|
||||
.LP-Headline{
|
||||
font-family: $-primary-sans-serif-font;
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
font-size: 1.7rem;
|
||||
padding-top: 0px;
|
||||
margin-top: 0px;
|
||||
|
||||
@ -7,14 +7,14 @@
|
||||
|
||||
.LP-Input__Field{
|
||||
border: none;
|
||||
border-bottom: 1px solid $-grey;
|
||||
border-bottom: 1px solid $-secondary-color;
|
||||
padding: 8px;
|
||||
margin-bottom: $-margin-bottom;
|
||||
|
||||
&:focus, &:active{
|
||||
margin-bottom: $-margin-bottom - 1px;
|
||||
border-bottom: 2px solid $-wine-red;
|
||||
background-color: $-almost-white;
|
||||
border-bottom: 2px solid $-primary-accent-color;
|
||||
background-color: $-secondary-background-color;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
}
|
||||
@ -40,19 +40,19 @@
|
||||
&--error{
|
||||
.LP-Input__Field{
|
||||
margin-bottom: 25px;
|
||||
border-bottom: 2px solid $-wine-red;
|
||||
border-bottom: 2px solid $-primary-accent-color;
|
||||
margin-bottom: $-margin-bottom - 1px;
|
||||
}
|
||||
|
||||
.LP-Input__Message{
|
||||
color: $-wine-red;
|
||||
color: $-primary-accent-color;
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled{
|
||||
.LP-Input__Field, .LP-Input__Field:disabled{
|
||||
background-color: transparent;
|
||||
border-bottom: 1px dashed $-grey;
|
||||
border-bottom: 1px dashed $-secondary-color;
|
||||
cursor: not-allowed;
|
||||
|
||||
label + &{
|
||||
@ -70,7 +70,7 @@
|
||||
}
|
||||
|
||||
.LP-Input__Label{
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,15 +1,15 @@
|
||||
.LP-Link {
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
text-decoration: none;
|
||||
font-family: $-primary-sans-serif-accent-font;
|
||||
&:hover {
|
||||
color: $-light-brown;
|
||||
color: $-secondary-accent-color;
|
||||
}
|
||||
|
||||
.LP-Text{
|
||||
font-family: $-primary-sans-serif-accent-font;
|
||||
&:hover{
|
||||
color: $-light-brown;
|
||||
color: $-secondary-accent-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"title": "Tag",
|
||||
"context": {
|
||||
"text": "Im a tag"
|
||||
}
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
<div class="LP-Tag">
|
||||
{{> @paragraph text=text}}
|
||||
</div>
|
||||
@ -1,3 +1,3 @@
|
||||
@import 'textSection/textSection';
|
||||
@import 'placeTeaser/placeTeaser';
|
||||
@import 'tagList/tagList';
|
||||
@import 'securityMeasureList/securityMeasureList';
|
||||
@ -1,19 +1,12 @@
|
||||
.LP-PlaceTeaser{
|
||||
.LP-Place{
|
||||
width: 280px;
|
||||
|
||||
.LP-PlaceTeaser__Image{
|
||||
.LP-Place__Image{
|
||||
height: 165px;
|
||||
width: 280px;
|
||||
overflow: hidden;
|
||||
|
||||
.LP-Image{
|
||||
max-width:unset;
|
||||
max-height:unset;
|
||||
object-fit: cover;
|
||||
}
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.LP-PlaceTeaser__Meta{
|
||||
.LP-Place__Meta{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -29,16 +22,16 @@
|
||||
|
||||
.LP-Headline{
|
||||
font-family: $-primary-sans-serif-font;
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
font-size: 1rem;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.LP-PlaceTeaser__Description{
|
||||
.LP-Place__Description{
|
||||
font-family: $-primary-sans-serif-accent-font;
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
<article class="LP-PlaceTeaser">
|
||||
<div class="LP-PlaceTeaser__Image">
|
||||
<article class="LP-Place">
|
||||
<div class="LP-Place__Image">
|
||||
<img class="LP-Image" src="{{image}}"/>
|
||||
</div>
|
||||
<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 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>
|
||||
<div class="LP-PlaceTeaser__Description">
|
||||
<div class="LP-Place__Description">
|
||||
{{> @paragraph text=description}}
|
||||
</div>
|
||||
<div class="LP-PlaceTeaser__Icons">
|
||||
<div class="LP-Place__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>
|
||||
|
||||
@ -0,0 +1,17 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
{}
|
||||
@ -0,0 +1,7 @@
|
||||
<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>
|
||||
@ -1,13 +0,0 @@
|
||||
.LP-TagList{
|
||||
.LP-TagList__List{
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
|
||||
.LP-TagList__Item{
|
||||
margin: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
{
|
||||
"title": "TagList",
|
||||
"context": {
|
||||
"tags": [
|
||||
"Kamera",
|
||||
"Wachhund",
|
||||
"Zaun",
|
||||
"Security"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
<div class="LP-TagList">
|
||||
<ul class="LP-TagList__List">
|
||||
{{#each tags}}
|
||||
<li class="LP-TagList__Item">{{> @tag text=this}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
@ -1,6 +1 @@
|
||||
{
|
||||
"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."
|
||||
}
|
||||
}
|
||||
{}
|
||||
@ -1,4 +1,4 @@
|
||||
<article class="LP-TextSection">
|
||||
{{> @headline headline=headline}}
|
||||
{{> @paragraph text=text}}
|
||||
{{> @text text=text}}
|
||||
</article>
|
||||
@ -1,5 +1,6 @@
|
||||
@import 'header/header';
|
||||
@import 'navigation/navigation';
|
||||
@import 'introduction/introduction';
|
||||
@import 'placeGrid/placeGrid';
|
||||
@import 'placeList/placeList';
|
||||
@import 'linkList/linkList';
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.LP-Footer{
|
||||
margin-top: 75px;
|
||||
width: 100%;
|
||||
background-color: $-grey;
|
||||
background-color: $-secondary-color;
|
||||
padding: 25px;
|
||||
|
||||
.LP-LinkList__List{
|
||||
@ -14,7 +14,7 @@
|
||||
width: auto;
|
||||
|
||||
.LP-Text{
|
||||
color: $-almost-white;
|
||||
color: $-secondary-background-color;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
||||
10
components/03_Organisms/introduction/_introduction.scss
Normal file
10
components/03_Organisms/introduction/_introduction.scss
Normal file
@ -0,0 +1,10 @@
|
||||
.LP-Introduction{
|
||||
|
||||
.LP-Headline{
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.LP-Text{
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"context": {}
|
||||
}
|
||||
4
components/03_Organisms/introduction/introduction.hbs
Normal file
4
components/03_Organisms/introduction/introduction.hbs
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
<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>
|
||||
@ -6,7 +6,7 @@
|
||||
padding: 0;
|
||||
|
||||
.LP-LinkList__Item{
|
||||
border-left: 1px solid $-light-brown;
|
||||
border-left: 1px solid $-secondary-accent-color;
|
||||
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: $-grey;
|
||||
color: $-secondary-color;
|
||||
|
||||
|
||||
&--iconized{
|
||||
@ -34,8 +34,8 @@
|
||||
|
||||
|
||||
&:hover{
|
||||
background-color: $-almost-white;
|
||||
color: $-wine-red;
|
||||
background-color: $-secondary-background-color;
|
||||
color: $-primary-accent-color;
|
||||
}
|
||||
|
||||
.LP-Text{
|
||||
@ -48,7 +48,7 @@
|
||||
.LP-Link__Icon{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
fill: $-wine-red;
|
||||
fill: $-primary-accent-color;
|
||||
line-height: 5em;
|
||||
}
|
||||
|
||||
|
||||
@ -14,11 +14,11 @@
|
||||
}
|
||||
|
||||
.LP-Link__Text {
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 0px 20px white;
|
||||
&:hover{
|
||||
color: $-wine-red;
|
||||
color: $-primary-accent-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,5 +1,4 @@
|
||||
.LP-PlaceGrid{
|
||||
.LP-PlaceGrid__Grid{
|
||||
.LP-Place__Grid{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
@ -7,16 +6,20 @@
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.LP-PlaceGrid__Item{
|
||||
>.LP-Place__Item{
|
||||
margin: 0 15px;
|
||||
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.LP-Link{
|
||||
.LP-PlaceTeaser{
|
||||
&:hover{
|
||||
box-shadow: 0 0 2px $-grey;
|
||||
.LP-Place__Description{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.LP-Place{
|
||||
&:hover{
|
||||
box-shadow: 0 0 8px $-secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,31 +1 @@
|
||||
{
|
||||
"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": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
{}
|
||||
@ -1,12 +1,37 @@
|
||||
<div class="LP-PlaceGrid">
|
||||
<div class="LP-Content__Wrapper">
|
||||
<div class="LP-Content">
|
||||
{{> @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>
|
||||
<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>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,15 +4,15 @@
|
||||
.LP-Link{
|
||||
.LP-Place{
|
||||
&:hover{
|
||||
color: $-grey;
|
||||
background-color: $-almost-white;
|
||||
color: $-secondary-color;
|
||||
background-color: $-secondary-background-color;
|
||||
|
||||
|
||||
$-hover-offset: 2px;
|
||||
position: relative;
|
||||
left: -$-hover-offset;
|
||||
>.LP-Place__Image{
|
||||
border-left: $-hover-offset $-grey solid;
|
||||
border-left: $-hover-offset $-secondary-color solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,5 +4,5 @@
|
||||
}
|
||||
|
||||
.LP-HorizontalLine{
|
||||
color: $-grey;
|
||||
color: $-secondary-color;
|
||||
}
|
||||
@ -4,7 +4,7 @@
|
||||
.LP-PlaceOveriew__Image{
|
||||
width: 700px;
|
||||
height: 450px;
|
||||
box-shadow: 0 0 10px $-grey;
|
||||
box-shadow: 0 0 10px $-secondary-color;
|
||||
object-fit: cover;
|
||||
|
||||
float: right;
|
||||
@ -28,7 +28,7 @@
|
||||
.LP-PlaceOverView__ImageItem{
|
||||
|
||||
img {
|
||||
box-shadow: 0 0 5px $-grey;
|
||||
box-shadow: 0 0 5px $-secondary-color;
|
||||
height: 200px;
|
||||
width: 290px;
|
||||
object-fit: cover;
|
||||
|
||||
@ -16,11 +16,11 @@
|
||||
;
|
||||
}
|
||||
|
||||
$-beige: #D7CEC7;
|
||||
$-grey: #565656;
|
||||
$-wine-red: #76323F;
|
||||
$-light-brown: #C09F80;
|
||||
$-almost-white: #f9f9f9;
|
||||
$-primary-color: #D7CEC7;
|
||||
$-secondary-color: #565656;
|
||||
$-primary-accent-color: #76323F;
|
||||
$-secondary-accent-color: #C09F80;
|
||||
$-secondary-background-color: #f9f9f9;
|
||||
|
||||
$-primary-sans-serif-font: Montserrat, Helvetica, sans-serif;
|
||||
$-primary-serif-font: Crimson, Times, serif;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user