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

Compare commits

base: catalin:master
Branches Tags
catalin:master
catalin:ceco
..
compare: catalin:f06e336251a894a40252587275abc15413a59573
Branches Tags
catalin:ceco
catalin:master

No commits in common. "master" and "f06e336251a894a40252587275abc15413a59573" have entirely different histories.
master ... f06e336251

3 changed files with 15 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1 +1,3 @@
# starpage
A custom browser startpage. Inspired by [kennetcheo](https://github.com/kennethcheo/startpage).

48
index.html
View file

@ -9,57 +9,29 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet">
<title>~</title> <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> </head>
<body> <body>
<img src="image.gif"> <img src="image.gif">
<h1>~/</h1> <h1>~/</h1>
<form onsubmit="ddgSearch(event)"> <div class="bookmark-conatiner">
<input class="search-input" placeholder="ddg search" autofocus></input>
<input type="submit" hidden/>
</form>
<div class="bookmark-container">
<div class="bookmarks"> <div class="bookmarks">
<h2>social</h2> <h2>reddit</h2>
<li><a href="https://reddit.com">reddit</a></li> <li><a href="https://reddit.com/r/awwnime">r/awwnime</a></li>
<li><a href="https://twitter.com">twitter</a></li> <li><a href="https://reddit.com/r/futurology">r/futurology</a></li>
<li><a href="https://tiktok.com">tiktok</a></li> <li><a href="https://reddit.com/r/MechanicalKeyboards">r/mechanicalkeyboards</a></li>
<li><a href="https://linkedin.com">linkedin</a></li>
</div> </div>
<div class="bookmarks"> <div class="bookmarks">
<h2>play</h2> <h2>play</h2>
<li><a href="https://monkeytype.com">monkeytype</a></li>
<li><a href="https://youtube.com">youtube</a></li> <li><a href="https://youtube.com">youtube</a></li>
<li><a href="https://twitch.tv">twitch</a></li> <li><a href="https://tetr.io">tetr.io</a></li>
<li><a href="https://jelly.fukurokuju.dev">jelly</a></li>
<li><a href="https://trakt.tv/">trakt</a></li>
</div>
<div class="bookmarks">
<h2>devnews</h2>
<li><a href="https://theregister.com/">el reg</a></li>
<li><a href="https://hackaday.com/">hackaday</a></li>
<li><a href="https://gamingonlinux.com/">gamingonlinux</a></li>
</div> </div>
<div class="bookmarks"> <div class="bookmarks">
<h2>dev</h2> <h2>dev</h2>
<li><a href="https://git.roboces.dev">gitea</a></li>
<li><a href="https://gitlab.com">gitlab</a></li>
<li><a href="https://github.com">github</a></li> <li><a href="https://github.com">github</a></li>
</div> <li><a href="https://devdocs.io">devdocs</a></li>
<div class="bookmarks"> <li><a href="https://stackoverflow.com/">stackoverflow</a></li>
<h2>hlab</h2>
<li><a href="https://auth.fukurokuju.dev/">authentik</a></li>
<li><a href="https://ramiel.fukurokuju.dev/">ramiel</a></li>
<li><a href="https://192.168.1.107:8007/">pbs</a></li>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

17
style.css
View file

@ -21,7 +21,7 @@ img {
float: left; float: left;
margin-left: 10%; margin-left: 10%;
max-width: 30%; max-width: 30%;
height: auto; height: auto;
border-radius: 2%; border-radius: 2%;
} }
@ -35,18 +35,7 @@ a {
} }
.bookmarks { .bookmarks {
width: 20%; width: 20%;
display: inline-block; display: inline-block;
padding: 2em; 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;
}