Skip to content

Commit

Permalink
Merge pull request #18 from FACG5/dom
Browse files Browse the repository at this point in the history 
Dom
  • Loading branch information
@othman-shamla
othman-shamla authored Aug 15, 2018
2 parents 54761de + f919c97 commit c746911
Show file tree
Hide file tree
Showing 4 changed files with 106 additions and 13 deletions.
92 changes: 89 additions & 3 deletions public/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ a:focus {
body{
background:url(../img/cover4.jpg) center center no-repeat;
background-size:cover;
font-family: 'Open Sans', sans-serif;
font-weight:300;
}
.container{
Expand All @@ -25,6 +24,7 @@ body{
display: grid;
min-height: 100vh;
grid-template-columns: 40% 60%;
font-family: 'Ubuntu Condensed', sans-serif; ;
}
.header{
color:#fff;
Expand All @@ -34,6 +34,7 @@ body{
color:#cc3467;
text-align: center;
font-size: 40px;
font-family: 'Ubuntu Condensed', sans-serif;
}
.header h1 span{
color: yellow;
Expand All @@ -45,15 +46,100 @@ body{
.header p{
margin-top: 20px;
line-height: 3;
font-size: 16px;
letter-spacing:2px;
font-size: 18px;
letter-spacing:1px;
font-family: 'Ubuntu Condensed', sans-serif;
}
.content{
background: rgba(255,255,255, 0.9);
padding: 50px 10px 20px 10px;
position: relative;
}
.welcome{

}
.welcome{

}
.welcome .login{

}
.welcome .signup{

}
.welcome a:hover{
background: none;
border: 1px solid #cc3467;
padding: 10px 5px;
color: #cc3467;
font-weight: bold;
letter-spacing: 1px;
min-width: 100px;
max-width: 100px;
display: block;
text-align: center;
margin: 0 50% 0 ;
}
.welcome a{
background: #cc3467;
border: 1px solid #cc3467;
padding: 10px 5px;
color: #fff;
font-weight: bold;
letter-spacing: 1px;
min-width: 100px;
max-width: 100px;
display: block;
text-align: center;
margin: 0 50% 0 ;
}
.welcome span{
color: yellow;
font-size: 20px;
}
.signout{
display: none;
}
/* adding */
.addSection{
position: absolute;
bottom: 0;
min-height: 300px;
display: none;
}
.addSection .addpost{
display: grid;
grid-template-columns: 20% 80%;
}
.addlable{
padding: 10px 5px ;
}
.addinput{
min-width:400px;
max-width:400px;
margin-bottom: 10px;
padding: 10px 5px ;
}
textarea{
min-width:400px;
max-width:400px;
height: 150px;
padding: 10px 5px ;
}
.addbtn{
background: #cc3467;
border: 1px solid #cc3467;
padding: 10px 5px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
min-width: 150px;
max-width: 150px;
display: block;
text-align: center;
cursor: pointer;
margin: 5% auto 0 auto;
}
footer{
margin: 5% 0;
Expand Down
1 change: 1 addition & 0 deletions public/html/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="/public/css/style.css"/>
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<title>Post your self</title>
</head>
<body>
Expand Down
5 changes: 3 additions & 2 deletions public/html/signup.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="/public/css/style.css"/>
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<title>Post your self</title>
</head>
<body>
Expand All @@ -14,11 +15,11 @@ <h1 class="head"><span class=" far fa-grin-beam-sweat"></span>Post your mind</h1
<p>our website is to post any thing that you want ..</p> <div class="welcome">
<div class="login">
<p>Are you a member ? <span class="far fa-grin-hearts"></span></p>
<a href="/public/html/login.html" class="btnlogin" >login</a>
<a href="/public/html/login.html" class="btnlogin btn" >login</a>
</div>
<div class="signup">
<p>Not a member yet ? <span class="far fa-frown"></span></p>
<a href="/public/html/signup.html" class="btnsignup" >signup</a>
<a href="/public/html/signup.html" class="btnsignup btn" >signup</a>
</div>
</div>
</section>
Expand Down
21 changes: 13 additions & 8 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="/public/css/style.css"/>
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<title>Post your self</title>
</head>
<body>
Expand All @@ -15,11 +16,15 @@ <h1 class="head"><span class=" far fa-grin-beam-sweat"></span>Post your mind</h1
<div class="welcome">
<div class="login">
<p>Are you a member ? <span class="far fa-grin-hearts"></span></p>
<a href="/public/html/login.html" class="btnlogin" >login</a>
<a href="/public/html/login.html" class="btnlogin btn" >login</a>
</div>
<div class="signup">
<p>Not a member yet ? <span class="far fa-frown"></span></p>
<a href="/public/html/signup.html" class="btnsignup" >signup</a>
<a href="/public/html/signup.html" class="btnsignup btn" >signup</a>
</div>
<div class="signout">
<p>Did you want to leave ? <span class="far fa-grin-hearts"></span></p>
<a href="#" class="btnlogout btn" >logout</a>
</div>
</div>
</section>
Expand All @@ -41,13 +46,13 @@ <h3 class="post-title">title</h3>
</div>
</div>
<div class="addSection">
<h3>Add New Post</h3>
<form action="/addpost" method="POST" class="addpost">
<label for="title">
<input placeholder="post's title" id="title" type="text" name="post_title" class="form-input">
</label>
<label for="body">
<input placeholder="post's body" id="body" type="body" name="post_body" class="form-input"></input>
</label>
<label class="addlable" for="title">Title: </label>
<input class="addinput" placeholder="post's title" id="title" type="text" name="post_title" class="form-input">
<label class="addlable" for="body">Body: </label>
<textarea class="addinput" name="post_body" placeholder="post's body" id="body" type="body" name="body" class="form-input"></textarea>
<label>.</label>
<button id="add" class="addbtn form-input">add post</button>
</form>

Expand Down

0 comments on commit c746911

Please sign in to comment.