home page

This commit is contained in:
a 2022-12-18 11:10:11 -06:00
commit 05263e6f3c
16 changed files with 1428 additions and 0 deletions

1
.dockerignore Normal file
View File

@ -0,0 +1 @@
Dockerfile

130
.gitignore vendored Normal file
View File

@ -0,0 +1,130 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
.cache
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*

BIN
4chan.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

9
Dockerfile Normal file
View File

@ -0,0 +1,9 @@
from alpine:3.17
RUN apk add busybox-extras dumb-init
WORKDIR /wd
ADD . .
ENTRYPOINT ["/usr/bin/dumb-init", "--"]
CMD ["httpd","-fv","-p","8076","/wd"]

1126
animations.css Normal file

File diff suppressed because it is too large Load Diff

BIN
goodafternoon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
goodevening.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
goodmorning.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
goodnight.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

162
index.html Normal file
View File

@ -0,0 +1,162 @@
<!DOCTYPE html>
<!--TODO : unweebafy-->
<!-- homepage by noha javascript by nullbyte -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="animations.css">
<title>new tab</title>
</head>
<style>
a{
color:#c3c3c3;
font-family:"Segoe UI";
font-size:25px;
text-decoration:none;
margin-left:5px;
transition-property: color;
transition-duration: .1s;
transition-timing-function: linear;
}
body{
padding-left:10px;
padding-right:10px;
font-family:"Segoe UI";
color:#c8c8c8;
font-size:34px;
background:#FBFBFB;
}
span{
margin-left:10px;
text-family:"segoe UI";
text-align: center;
}
a:hover { color:#A9BFA5}
input[type=text] {
width: 18px;
padding: 3px;
position:absolute;
right:5px;bottom:5px;
border: 1px solid #E6e6e6;
transition-property: all;
transition-duration: .5s;
transition-timing-function: ease;
color: #bebebe;
background-position: -2px -1px;
background-image: url('http://i.imgur.com/ziSic3u.png');
background-repeat: no-repeat;
}
input[type=text]:hover {
border-color: #bebebe;
transition-property: all;
transition-duration: .5s;
transition-timing-function: ease;
color: #bebebe;
width:230px;
background-position: 227px -1px;
padding-right: 20px;
}
input[type=text]:focus {
border-color: #bebebe;
transition-property: all;
transition-duration: .5s;
transition-timing-function: ease;
color: #bebebe;
width:230px;
background-position: 227px -1px;
padding-right: 20px;
}
.boxed {
border: 1px solid #e6e6e6;
padding: 5px;
color: #494949;
background-color: #ffffff;
width: 760px;
margin-left: -390px;
margin-right: auto;
position:absolute;
left: 50%;
top: 40%;
}
h1 {
padding-bottom: -600px;
position: absolute;
visibility: hidden;
margin-top: -200px;
margin-left: -380px;
left: 50%;
top: 40%;
}
</style>
<body>
<h1 align="center" id="message" class="expandUp"></h1>
<script type="text/javascript">
var d = new Date();
var n = d.getHours();
if ( n == 23 || n == 0) {
message = "<img src='goodnight.png'></img>";
} else if ( n >= 1 && n <= 4 ) {
message = "<img src='goodnight.png'></img>";
} else if ( n >= 5 && n <= 11 ) {
message = "<img src='goodmorning.png'></img>";
} else if ( n >= 12 && n <= 17 ) {
message = "<img src='goodafternoon.png'></img>";
} else if ( n >= 18 && n <= 22 ) {
message = "<img src='goodevening.png'></img>";
}
document.getElementById("message").innerHTML = message;
</script>
<div class="boxed" class=slideUp>
<span> <img src="4chan.png"></span>
<a style="padding-left:10px" href="http://boards.4chan.org/w/">walls</a>
<a href="http://boards.4chan.org/g/">tech</a>
<a href="http://boards.4chan.org/a/">anime</a>
<a href="http://boards.4chan.org/mu/">music</a>
</br>
<span> <img src="social.png"></span>
<a style="padding-left:10px" href="https://www.facebook.com">facebook</a>
<a href="http://youtube.com">youtube</a>
<a href="http://tumblr.com">tumblr</a>
</br>
<span> <img src="music.png"></span>
<a style="padding-left:10px" href="http://www.last.fm">last.fm</a>
<a href="http://bandcamp.com">bandcamp</a>
</br>
<span> <img src="mail.png"></span>
<a style="padding-left:10px" href="http://mail.google.com">gmail</a>
</br>
<form method="get" action="http://www.google.com/search"> <input type="text" placeholder="" value="" name="q">
</div>
<script>
$(window).scroll(function() {
$('#animatedElement').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+400) {
$(this).addClass("slideUp");
}
});
});
</script>
</body>

BIN
mail.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
music.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
reddit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
school.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
searchicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
social.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB