skrd/start
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Agregado input para hacer busquedas y un par de paginas

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
custom.css
View File

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

19
index.html
View File

@@ -8,6 +8,19 @@
</head> </head>
<body> <body>
<div class="flex"> <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> <div>
<span class="title">reddit</span> <span class="title">reddit</span>
<span class="separator">&raquo;</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/v/catalog">/v/</a>
<a class="item" href="https://4chan.org/x/catalog">/x/</a> <a class="item" href="https://4chan.org/x/catalog">/x/</a>
</div> </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> <div>
<span class="title">tools</span> <span class="title">tools</span>
<span class="separator">&raquo;</span> <span class="separator">&raquo;</span>