Agregado input para hacer busquedas y un par de paginas
This commit is contained in:
11
custom.css
11
custom.css
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
19
index.html
19
index.html
@@ -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">»</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">»</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">»</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">»</span>
|
||||
|
||||
Reference in New Issue
Block a user