Add homepage to skel package

This commit is contained in:
natemaia 2018-09-15 11:31:07 -07:00
parent bb1d872572
commit aadab0a9b5
11 changed files with 294 additions and 4 deletions

105
home/.homepage/index.html Normal file
View File

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html>
<head>
<title>ArchLabs Home</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8">
<link rel="shortcut icon" href="res/logo-dark.png"/>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="stripe" style="background-color:#090909">
<div class="title">
<span>Official</span>
</div>
<div class="content">
<span class="item">
<a href="https://archlabsblog.wordpress.com">Official Website</a>
</span>
<span class="item">
<a href="https://plus.google.com/u/0/communities/111177505820810068511">ArchLabs G+</a>
</span>
<span class="item">
<a href="https://www.reddit.com/r/ArchLabsLinux/">ArchLabs Reddit</a>
</span>
<span class="item">
<a href="https://forum.archlabslinux.com/">ArchLabs Forum</a>
</span>
<span class="item">
<a href="https://twitter.com/ArchLabsLinux">ArchLabs Twitter</a>
</span>
</div>
</div>
<div class="stripe" style="background-color:#9E3B58">
<div class="title">
<span>Openbox</span>
</div>
<div class="content">
<span class="item">
<a href="https://www.opendesktop.org/">Box Look</a>
</span>
<span class="item">
<a href="https://urukrama.wordpress.com/openbox-guide/">Urukrama's Openbox Guide+</a>
</span>
<span class="item">
<a href="https://forums.bunsenlabs.org/viewforum.php?id=9">Bunsenlabs Openbox Scripts etc.</a>
</span>
</div>
</div>
<div class="stripe" style="background-color:#1AADB5">
<div class="title">
<span>Wikis</span>
</div>
<div class="content">
<span class="item">
<a href="http://openbox.org/wiki/Main_Page">Openbox Wiki</a>
</span>
<span class="item">
<a href="https://wiki.archlinux.org/index.php/Openbox">Arch Wiki</a>
</span>
<span class="item">
<a href="https://i3wm.org/docs/">i3 Wiki</a>
</span>
</div>
</div>
<div class="stripe" style="background-color:#BA386F">
<div class="title">
<span>GetArchLabs</span>
</div>
<div class="content">
<span class="item">
<a href="https://sourceforge.net/projects/archlabs-linux-minimo/">Official Download</a>
</span>
<span class="item">
<a href="https://forum.archlabslinux.com/c/bug-reports">Got a suggestion?</a>
</span>
</div>
</div>
<h2>
<div>
<img src="res/logo.png"></img>
</div>
</h2>
<h3>
<div>ArchLabs</div>
</h3>
<form method="get" action="https://www.duckduckgo.com">
<input type="text" name="q" placeholder="Search..." autofocus>
<p>
<span name="yt">arch.wiki</span>
<span name="sr">arch.forums</span>
<span name="a">arch.packages</span>
<span name="w">openbox.official</span>
</p>
</form>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
home/.homepage/res/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

47
home/.homepage/script.js Normal file
View File

@ -0,0 +1,47 @@
$(document).ready(function() {
//Search Bar
var $search = $("input[name='q']");
$("span[name='yt']").click(function() {
var curr = $search.val();
$search.val("!arch " + curr);
$search.focus();
});
$("span[name='sr']").click(function() {
var curr = $search.val();
$search.val("!archforums " + curr);
$search.focus();
});
$("span[name='a']").click(function() {
var curr = $search.val();
$search.val("!pkg " + curr);
$search.focus();
});
$("span[name='w']").click(function() {
var curr = $search.val();
$search.val("!openbox" + curr);
$search.focus();
});
//Tabs
$(".stripe").mouseenter(function() {
$(this).stop().animate({
width: '100vw'
});
$(this).find(".content").stop().fadeIn().children().show();
});
$(".stripe").mouseleave(function() {
$(this).stop().animate({
width: '40px'
});
$(this).find(".content").stop().fadeOut();
});
});

138
home/.homepage/style.css Normal file
View File

@ -0,0 +1,138 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
* {
margin: 0;
padding: 0;
font-family: "Ubuntu";
}
body {
width: 100vw;
height: 100vh;
background:url("res/archlabs02.png");
}
h2 {
width: 100vw;
position: absolute;
top: calc(90vh - 20px);
left: calc(85vh - 0px);
text-align: center;
font-weight: 300;
font-size: 35px;
}
h3 {
width: 100vw;
position: absolute;
top: calc(90vh - 0px);
left: calc(75vh - 0px);
text-align: center;
font-weight: 500;
font-size: 0px;
color: white;
}
form {
position: absolute;
left: 50%;
top: 40%;
width: 600px;
height: 50px;
transform: translateX(-50%);
font-weight: 300;
z-index: 1;
}
form p {
display: flex;
margin-top: 10px;
justify-content: space-between;
color: #ACB6BF;
padding-left: 5px;
padding-right: 5px;
}
form p span {
cursor: pointer;
transition: color 0.5s;
}
form p span:hover {
color: #ACB6BF;
}
input[type=text] {
width: 600px;
height: 50px;
border: 1px solid #a0a0a0;
border-radius: 2px;
padding: 10px;
font-weight: 300;
}
input[type=text]:focus {
border-color: #707070
}
.stripe {
position: relative;
width: 40px;
height: 25vh;
color: white;
z-index: 2;
}
.stripe .title {
position: relative;
width: 40px;
height: 100%;
float: left;
box-sizing: border-box;
}
.stripe .title span {
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
font-weight: 400;
}
.stripe .content {
position: absolute;
left: calc(5vw + 40px);
width: calc(90vw - 40px);
display: none;
padding: 20px;
box-sizing: border-box;
height: 100%;
font-weight: 300;
display: flex;
justify-content: space-between;
}
.stripe .content div {
position: relative;
height: 100%;
width: 150px;
display: none;
}
.stripe .content div img {
position: absolute;
max-height: 100px;
max-width: 150px;
top: 50%;
transform: translateY(-50%);
}
.stripe .content span {
line-height: calc(25vh - 50px);
display: none;
}
.stripe .content span a {
text-decoration: none;
color: white;
}

View File

@ -39,7 +39,7 @@ user_pref("browser.safebrowsing.provider.mozilla.nextupdatetime", "1505613534528
user_pref("browser.sessionstore.upgradeBackup.latestBuildID", "20170826053331"); user_pref("browser.sessionstore.upgradeBackup.latestBuildID", "20170826053331");
user_pref("browser.slowStartup.averageTime", 2473); user_pref("browser.slowStartup.averageTime", 2473);
user_pref("browser.slowStartup.samples", 4); user_pref("browser.slowStartup.samples", 4);
user_pref("browser.startup.homepage", "file:///home/liveuser/.ArchLabs-homepage/index.html"); user_pref("browser.startup.homepage", "file:///home/liveuser/.homepage/index.html");
user_pref("browser.startup.homepage_override.buildID", "20170826053331"); user_pref("browser.startup.homepage_override.buildID", "20170826053331");
user_pref("browser.startup.homepage_override.mstone", "55.0.3"); user_pref("browser.startup.homepage_override.mstone", "55.0.3");
user_pref("browser.tabs.warnOnClose", false); user_pref("browser.tabs.warnOnClose", false);

View File

@ -1 +1 @@
{"version":["sessionrestore",1],"windows":[{"tabs":[{"entries":[{"url":"file:///home/liveuser/.ArchLabs-homepage/index.html","title":"ArchLabs Home","charset":"UTF-8","ID":0,"docshellUUID":"{f2ebb13e-e937-4f4c-b66e-4c5ccca22991}","triggeringPrincipal_base64":"SmIS26zLEdO3ZQBgsLbOywAAAAAAAAAAwAAAAAAAAEY=","docIdentifier":0,"persist":true}],"lastAccessed":1505610897543,"hidden":false,"attributes":{},"userContextId":0,"index":1,"userTypedValue":"","userTypedClear":0,"image":"file:///home/liveuser/.ArchLabs-homepage/res/logo-dark.png","iconLoadingPrincipal":"ZT4OTT7kRfqycpfCC8AeuAAAAAAAAAAAwAAAAAAAAEYB3pRy0IA0EdOTmQAQS6D9QJIHOlRteE8wkTq4cYEyCMYAAAAD//////////8BAAAAM2ZpbGU6Ly8vaG9tZS9saXZldXNlci8uQXJjaExhYnMtaG9tZXBhZ2UvaW5kZXguaHRtbAAAAAAAAAAEAAAABwAAAAAAAAAA/////wAAAAD/////AAAAAP////8AAAAHAAAALAAAAAcAAAAsAAAABwAAACIAAAApAAAABQAAAC8AAAAEAAAAAP////8AAAAH/////wAAAAf/////AQAAAAAAAQAAAAEAAAAAAAA="}],"selected":1,"_closedTabs":[],"width":1599,"height":947,"screenX":182,"screenY":51,"sizemode":"normal","title":"ArchLabs Home","_shouldRestore":true,"closedAt":1505610897544,"closedId":0}],"selectedWindow":0,"_closedWindows":[],"session":{"lastUpdate":1505610897634,"startTime":1505609895822,"recentCrashes":0},"global":{},"cookies":[]} {"version":["sessionrestore",1],"windows":[{"tabs":[{"entries":[{"url":"file:///home/liveuser/.homepage/index.html","title":"ArchLabs Home","charset":"UTF-8","ID":0,"docshellUUID":"{f2ebb13e-e937-4f4c-b66e-4c5ccca22991}","triggeringPrincipal_base64":"SmIS26zLEdO3ZQBgsLbOywAAAAAAAAAAwAAAAAAAAEY=","docIdentifier":0,"persist":true}],"lastAccessed":1505610897543,"hidden":false,"attributes":{},"userContextId":0,"index":1,"userTypedValue":"","userTypedClear":0,"image":"file:///home/liveuser/.homepage/res/logo-dark.png","iconLoadingPrincipal":"ZT4OTT7kRfqycpfCC8AeuAAAAAAAAAAAwAAAAAAAAEYB3pRy0IA0EdOTmQAQS6D9QJIHOlRteE8wkTq4cYEyCMYAAAAD//////////8BAAAAM2ZpbGU6Ly8vaG9tZS9saXZldXNlci8uQXJjaExhYnMtaG9tZXBhZ2UvaW5kZXguaHRtbAAAAAAAAAAEAAAABwAAAAAAAAAA/////wAAAAD/////AAAAAP////8AAAAHAAAALAAAAAcAAAAsAAAABwAAACIAAAApAAAABQAAAC8AAAAEAAAAAP////8AAAAH/////wAAAAf/////AQAAAAAAAQAAAAEAAAAAAAA="}],"selected":1,"_closedTabs":[],"width":1599,"height":947,"screenX":182,"screenY":51,"sizemode":"normal","title":"ArchLabs Home","_shouldRestore":true,"closedAt":1505610897544,"closedId":0}],"selectedWindow":0,"_closedWindows":[],"session":{"lastUpdate":1505610897634,"startTime":1505609895822,"recentCrashes":0},"global":{},"cookies":[]}

View File

@ -1 +1 @@
{"version":["sessionrestore",1],"windows":[{"tabs":[{"entries":[{"url":"file:///home/liveuser/.ArchLabs-homepage/index.html","title":"ArchLabs Home","charset":"UTF-8","ID":0,"docshellUUID":"{7235578c-4923-4c13-a29c-aa7dbb9f3ce9}","triggeringPrincipal_base64":"SmIS26zLEdO3ZQBgsLbOywAAAAAAAAAAwAAAAAAAAEY=","docIdentifier":0,"persist":true}],"lastAccessed":1505611140780,"hidden":false,"attributes":{},"userContextId":0,"index":1,"userTypedValue":"","userTypedClear":0,"image":"file:///home/liveuser/.ArchLabs-homepage/res/logo-dark.png","iconLoadingPrincipal":"ZT4OTT7kRfqycpfCC8AeuAAAAAAAAAAAwAAAAAAAAEYB3pRy0IA0EdOTmQAQS6D9QJIHOlRteE8wkTq4cYEyCMYAAAAD//////////8BAAAAM2ZpbGU6Ly8vaG9tZS9saXZldXNlci8uQXJjaExhYnMtaG9tZXBhZ2UvaW5kZXguaHRtbAAAAAAAAAAEAAAABwAAAAAAAAAA/////wAAAAD/////AAAAAP////8AAAAHAAAALAAAAAcAAAAsAAAABwAAACIAAAApAAAABQAAAC8AAAAEAAAAAP////8AAAAH/////wAAAAf/////AQAAAAAAAQAAAAEAAAAAAAA="}],"selected":1,"_closedTabs":[],"width":1599,"height":947,"screenX":160,"screenY":62,"sizemode":"normal","title":"ArchLabs Home","_shouldRestore":true,"closedAt":1505611140781,"closedId":0}],"selectedWindow":0,"_closedWindows":[],"session":{"lastUpdate":1505611140856,"startTime":1505611127245,"recentCrashes":0},"global":{},"cookies":[]} {"version":["sessionrestore",1],"windows":[{"tabs":[{"entries":[{"url":"file:///home/liveuser/.homepage/index.html","title":"ArchLabs Home","charset":"UTF-8","ID":0,"docshellUUID":"{7235578c-4923-4c13-a29c-aa7dbb9f3ce9}","triggeringPrincipal_base64":"SmIS26zLEdO3ZQBgsLbOywAAAAAAAAAAwAAAAAAAAEY=","docIdentifier":0,"persist":true}],"lastAccessed":1505611140780,"hidden":false,"attributes":{},"userContextId":0,"index":1,"userTypedValue":"","userTypedClear":0,"image":"file:///home/liveuser/.homepage/res/logo-dark.png","iconLoadingPrincipal":"ZT4OTT7kRfqycpfCC8AeuAAAAAAAAAAAwAAAAAAAAEYB3pRy0IA0EdOTmQAQS6D9QJIHOlRteE8wkTq4cYEyCMYAAAAD//////////8BAAAAM2ZpbGU6Ly8vaG9tZS9saXZldXNlci8uQXJjaExhYnMtaG9tZXBhZ2UvaW5kZXguaHRtbAAAAAAAAAAEAAAABwAAAAAAAAAA/////wAAAAD/////AAAAAP////8AAAAHAAAALAAAAAcAAAAsAAAABwAAACIAAAApAAAABQAAAC8AAAAEAAAAAP////8AAAAH/////wAAAAf/////AQAAAAAAAQAAAAEAAAAAAAA="}],"selected":1,"_closedTabs":[],"width":1599,"height":947,"screenX":160,"screenY":62,"sizemode":"normal","title":"ArchLabs Home","_shouldRestore":true,"closedAt":1505611140781,"closedId":0}],"selectedWindow":0,"_closedWindows":[],"session":{"lastUpdate":1505611140856,"startTime":1505611127245,"recentCrashes":0},"global":{},"cookies":[]}