dotfiles/elenapan
1
0
Fork 0
mirror of https://github.com/elenapan/dotfiles.git synced 2025-12-26 15:14:58 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

misc: Remove very old homepages directory

Browse source
This commit is contained in:
elenapan 2024-12-14 01:06:27 +02:00
parent 3abfa61a8f
commit dc12e0954f
6 changed files with 0 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

2
misc/homepages/jared-startpage-EDITED/.gitignore vendored
View file

@ -1,2 +0,0 @@
.DS_Store

4
misc/homepages/jared-startpage-EDITED/README.md
View file

@ -1,4 +0,0 @@
# [Homepage](https://danggoodcode.com/startpage)
Homepage avaliable for use now at danggoodcode.com/startpage
![homepage](https://i.redd.it/cbnzq36zj3601.gif)

BIN
misc/homepages/jared-startpage-EDITED/favicon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 20 KiB

78
misc/homepages/jared-startpage-EDITED/index.html
View file

@ -1,78 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="styles.css">
<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="search">
<input id="search-field" type="text" name="search-field" onkeypress="return search(event)"/>
</div>
<div class="container">
<div id="clock"></div>
<div class="welcome-container">
<div class="row">
<div id="welcome-description"class="inline"></div>
<div class="inline"> Welcome Elena</div>
<div id="temp" class="inline"></div>
</div>
</div>
<div class="bookmark-container">
<div class="bookmark-set">
<div class="bookmark-title">Daily</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://youtube.com" target="_blank">Youtube</a>
<a class="bookmark" href="https://inbox.google.com/" target="_blank">Inbox</a>
<a class="bookmark" href="https://github.com/" target="_blank">Github</a>
<a class="bookmark" href="https://drive.google.com/" target="_blank">Drive</a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Reddit</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://reddit.com/r/all" target="_blank">/r/all</a>
<a class="bookmark" href="https://reddit.com/r/linux" target="_blank">/r/linux</a>
<a class="bookmark" href="https://reddit.com/r/unixporn" target="_blank">/r/unixporn</a>
<a class="bookmark" href="https://reddit.com/r/linuxgaming" target="_blank">/r/linuxgaming</a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">4chan</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://4chan.org/g/" target="_blank">/g/ - Technology</a>
<a class="bookmark" href="https://4chan.org/v/" target="_blank">/v/ - Video Games</a>
<a class="bookmark" href="https://4chan.org/wg/" target="_blank">/wg/ - Wallpapers</a>
</div>
</div>
</div>
</div>
<script>
// Get current time and format
function getTime() {
let date = new Date(),
min = date.getMinutes(),
sec = date.getSeconds(),
hour = date.getHours();
return "" +
(hour < 10 ? ("0" + hour) : hour) + ":" +
(min < 10 ? ("0" + min) : min) + ":" +
(sec < 10 ? ("0" + sec) : sec);
}
window.onload = () => {
// Set up the clock
document.getElementById("clock").innerHTML = getTime();
// Set clock interval to tick clock
setInterval( () => {
document.getElementById("clock").innerHTML = getTime();
},100);
}
</script>
</body>
</html>

BIN
misc/homepages/jared-startpage-EDITED/keyboards-dark.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.9 MiB

123
misc/homepages/jared-startpage-EDITED/styles.css
View file

@ -1,123 +0,0 @@
body {
background-image: url("keyboards-dark.jpg");
background-size: cover;
/* background: #1D1F28; */
margin: 0px;
}
.container {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#clock {
font-family: sans-serif;
font-size: 50pt;
font-weight: 400;
font-family: sans-serif;
color: #FDFDFD;
margin-bottom: .25em;
}
#search {
width: 100%;
height: 100%;
background-color: #282A36;
display: none;
position: absolute;
box-sizing: border-box;
flex-direction: column;
align-items: center;
justify-content: center;
}
#search-field {
width: 90%;
padding: .75em 1em;
box-sizing: border-box;
background-color: #282A36;
border: solid 0px #282A36;
font-family: sans-serif;
font-size: 15pt;
color: #FDFDFD;
outline: none;
border-radius: 6px;
margin-bottom: 1em;
text-align: center;
}
.welcome-container {
width: 30%;
background-color: #282A36;
padding: 1em;
border-radius: 6px;
font-family: sans-serif;
font-size: 13pt;
font-weight: 500;
color: #FDFDFD;
text-align: center;
}
.inline {
display: inline-block;
}
.bookmark-container {
display: flex;
flex-direction: row;
justify-content: center;
width: 55%;
margin: 1em 0em;
}
@media only screen and (max-width: 960px) {
.container {
height: auto;
}
#clock {
margin-top: 1em;
}
.container > .bookmark-container {
flex-direction: column;
width: 60%;
}
.bookmark-container > .bookmark-set {
width: auto;
margin: 1em 0em;
}
}
.bookmark-set{
padding: 1em;
background-color: #282A36;
color: #BEBEC1;
border-radius: 6px;
font-family: sans-serif;
font-size: 12pt;
width: 25%;
height: 10em;
margin: 0em .5em;
}
.bookmark-inner-container {
overflow-y: hidden;
height: 80%;
vertical-align: top;
}
.bookmark-title {
font-size: 13pt;
font-weight: 500;
color: #FDFDFD;
margin: 0em 0em .35em 0em;
}
.bookmark {
text-decoration: none;
color: #BEBEC1;
display:block;
margin: .5em 0em;
}
.bookmark:hover {
color: #FDFDFD;
}