dummy html cleaned
This commit is contained in:
Luis Fernando Molina committed
1 parent
153dbf9663
commit
327bfcc038
7 files changed
+3
-219
No files matched your search
Generated
-9
@@ -727,15 +727,6 @@
|
||||
"resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
|
||||
"integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ=="
|
||||
},
|
||||
"axios": {
|
||||
"version": "0.18.0",
|
||||
"resolved": "http://registry.npmjs.org/axios/-/axios-0.18.0.tgz",
|
||||
"integrity": "sha1-MtU+SFHv3AoRmTts0AB4nXDAUQI=",
|
||||
"requires": {
|
||||
"follow-redirects": "1.5.7",
|
||||
"is-buffer": "1.1.6"
|
||||
}
|
||||
},
|
||||
"axobject-query": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-0.1.0.tgz",
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
"@material-ui/core": "^3.0.2",
|
||||
"@material-ui/icons": "^3.0.1",
|
||||
"apollo-boost": "^0.1.15",
|
||||
"axios": "^0.18.0",
|
||||
"graphql": "^14.0.0",
|
||||
"react": "^16.4.2",
|
||||
"react-apollo": "^2.1.11",
|
||||
|
||||
@@ -9,8 +9,6 @@ import React, { Component } from 'react'
|
||||
import PortraitImage from '../img/portrait.jpg'
|
||||
import CityImage from '../img/city.jpg'
|
||||
import NatureImage from '../img/nature.jpg'
|
||||
import StreetImage from '../img/street.jpg'
|
||||
import StarsImage from '../img/stars.jpg'
|
||||
|
||||
class Home extends Component {
|
||||
|
||||
@@ -50,54 +48,6 @@ class Home extends Component {
|
||||
</section>
|
||||
|
||||
|
||||
<div className="parallax-container">
|
||||
<div className="parallax">
|
||||
<img src={StreetImage} alt="" className="responsive-img"></img>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<section className="section container scrollspy" id="services">
|
||||
<div className="row">
|
||||
<div className="col s12 l4">
|
||||
<h2 className="indigo-text text-darken-4">What I do..</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
|
||||
<p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
|
||||
</div>
|
||||
<div className="col s12 l6 offset-l2">
|
||||
|
||||
<ul className="tabs">
|
||||
<li className="tab col s6">
|
||||
<a href="#photography" className="active indigo-text text-darken-4">Photography</a>
|
||||
</li>
|
||||
<li className="tab col s6">
|
||||
<a href="#editing" className="indigo-text text-darken-4">Editing</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="photography" className="col s12">
|
||||
<p className="flow-text indigo-text text-darken-4">This</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
|
||||
<p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
|
||||
</div>
|
||||
<div id="editing" className="col s12">
|
||||
<p className="flow-text indigo-text text-darken-4">That</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
|
||||
<p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<div className="parallax-container">
|
||||
<div className="parallax">
|
||||
<img src={StarsImage} alt="" className="responsive-img"></img>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -1,45 +1,15 @@
|
||||
import React, { Component } from 'react'
|
||||
import axios from 'axios'
|
||||
import { Link } from 'react-router-dom'
|
||||
import Pokeball from '../pokeball.png'
|
||||
|
||||
class Search extends Component {
|
||||
state = {
|
||||
posts: []
|
||||
}
|
||||
componentDidMount(){
|
||||
axios.get('https://jsonplaceholder.typicode.com/posts/')
|
||||
.then(res => {
|
||||
this.setState({
|
||||
posts: res.data.slice(0,10)
|
||||
});
|
||||
})
|
||||
}
|
||||
render(){
|
||||
const { posts } = this.state
|
||||
const postList = posts.length ? (
|
||||
posts.map(post => {
|
||||
return (
|
||||
<div className="post card" key={post.id}>
|
||||
<img src={Pokeball} alt="A Pokeball" />
|
||||
<div className="card-content">
|
||||
<Link to={'/' + post.id}>
|
||||
<span className="card-title red-text">{post.title}</span>
|
||||
</Link>
|
||||
<p>{post.body}</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
) : (
|
||||
<div className="center">No posts to show</div>
|
||||
);
|
||||
|
||||
render(){
|
||||
return (
|
||||
<div>
|
||||
<div className="container home">
|
||||
<h4 className="center">Search</h4>
|
||||
{postList}
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 MiB |
@@ -1,127 +1 @@
|
||||
|
||||
|
||||
|
||||
|
||||
#main{
|
||||
padding: 0px;
|
||||
box-sizing: border-box;
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#main h1{
|
||||
color:#444;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#user-list{
|
||||
color: black;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#user-list-li{
|
||||
color: pink;
|
||||
display: inline-block;
|
||||
margin: 12px;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #889E4F;
|
||||
box-shadow: 1px 2px 3px rgba(0,0,0,3);
|
||||
cursor: pointer;
|
||||
color: #880E4F;
|
||||
}
|
||||
|
||||
|
||||
form button{
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
background: #AD1457;
|
||||
border: 0;
|
||||
padding: 0 10px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
#user-profile{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 40%;
|
||||
height: 80%;
|
||||
background: #AD1457;
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
box-shadow: -2px -3px 5px rgba(0,0,0,0.3);
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
background-color:rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
nav a.active{
|
||||
border-bottom: 5px solid #333;
|
||||
transition: all ease 0.5s;
|
||||
}
|
||||
|
||||
.container{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.home .post img{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: -100px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.home .post{
|
||||
overflow: hidden;
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
|
||||
.module-name{
|
||||
text-decoration-color: white;
|
||||
}
|
||||
|
||||
header{
|
||||
background-color:rgb(48, 48, 54);
|
||||
min-height: 50px;
|
||||
}
|
||||
@media screen and (max-width: 670px){
|
||||
header{
|
||||
min-height: 500px;
|
||||
}
|
||||
}
|
||||
.section{
|
||||
padding-top: 4vw;
|
||||
padding-bottom: 4vw;
|
||||
}
|
||||
.tabs .indicator{
|
||||
background-color: #1a237e;
|
||||
}
|
||||
.tabs .tab a:focus, .tabs .tab a:focus.active{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
footer{
|
||||
background-color:rgb(48, 48, 54);
|
||||
min-height: 50px;
|
||||
}
|
||||
Reference in new issue
Block a user