catalin/startpage
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add ddg search

Browse source
This commit is contained in:
cătălin 2021-11-18 15:52:35 +01:00
commit 17004bbb9e
No known key found for this signature in database
GPG key ID: F7DF0BC66B3C7F8D
2 changed files with 29 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

@ -9,11 +9,25 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet">
<title>~</title>
<script>
function ddgSearch(event) {
event.preventDefault()
value = document.querySelector(".search-input").value
if (value != null){
window.location.assign(`https://duckduckgo.com/?q=${document.querySelector(".search-input").value}`);
}
}
</script>
</head>
<body>
<img src="image.gif">
<h1>~/</h1>
<div class="bookmark-conatiner">
<form onsubmit="ddgSearch(event)">
<input class="search-input" placeholder="ddg search" autofocus></input>
<input type="submit" hidden/>
</form>
<div class="bookmark-container">
<div class="bookmarks">
<h2>social</h2>
<li><a href="https://reddit.com">reddit</a></li>

17
style.css
View file

@ -21,7 +21,7 @@ img {
float: left;
margin-left: 10%;
max-width: 30%;
height: auto;
height: auto;
border-radius: 2%;
}
@ -35,7 +35,18 @@ a {
}
.bookmarks {
width: 20%;
width: 20%;
display: inline-block;
padding: 2em;
}
}
.search-input {
background-color: transparent;
font-family: 'Comfortaa', cursive;
text-align: center;
color: cyan;
border: 0px;
border-bottom: 1px solid;
text-align: left;
}