Agregado input para hacer busquedas y un par de paginas

This commit is contained in:
Daniel Cortés
2019-04-05 20:14:55 -03:00
parent e667f4acd5
commit b3c9325114
2 changed files with 24 additions and 6 deletions

View File

@@ -7,11 +7,21 @@ body {
.flex {
display: flex;
margin-left: 10vw;
margin-right: 10vw;
justify-content: center;
height: 100vh;
flex-direction: column;
}
.search {
width: 100%;
display: block;
border: none;
padding: 10px 10px 10px 10px;
margin-bottom: 2em;
border-radius: 5px;
}
.title {
color: #a6e22e;
display: inline-block;
@@ -35,3 +45,4 @@ body {
display: inline-block;
transition: color .5s;
}

View File

@@ -8,6 +8,19 @@
</head>
<body>
<div class="flex">
<div>
<form action="https://www.google.com/search">
<input type="text" class="search" placeholder="search" name="q" autofocus>
</form>
</div>
<div>
<span class="title">general</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://twitter.com/">twitter</a>
<a class="item" href="https://www.youtube.com/">youtube</a>
<a class="item" href="https://ycombinator.hackernews.com">hacker_news</a>
<a class="item" href="https://dev.to">dev.to</a>
</div>
<div>
<span class="title">reddit</span>
<span class="separator">&raquo;</span>
@@ -24,12 +37,6 @@
<a class="item" href="https://4chan.org/v/catalog">/v/</a>
<a class="item" href="https://4chan.org/x/catalog">/x/</a>
</div>
<div>
<span class="title">agregators</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://ycombinator.hackernews.com">hacker_news</a>
<a class="item" href="https://dev.to">dev.to</a>
</div>
<div>
<span class="title">tools</span>
<span class="separator">&raquo;</span>