diff --git a/home/.ArchLabs-homepage/index.html b/home/.ArchLabs-homepage/index.html
new file mode 100644
index 00000000..bfeabe96
--- /dev/null
+++ b/home/.ArchLabs-homepage/index.html
@@ -0,0 +1,51 @@
+
+
+
+ ArchLabs Home
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ArchLabs
+
+
+
+
diff --git a/home/.ArchLabs-homepage/res/archlabs02.png b/home/.ArchLabs-homepage/res/archlabs02.png
new file mode 100644
index 00000000..6719e25f
Binary files /dev/null and b/home/.ArchLabs-homepage/res/archlabs02.png differ
diff --git a/home/.ArchLabs-homepage/res/logo-dark.png b/home/.ArchLabs-homepage/res/logo-dark.png
new file mode 100644
index 00000000..0d61b364
Binary files /dev/null and b/home/.ArchLabs-homepage/res/logo-dark.png differ
diff --git a/home/.ArchLabs-homepage/res/logo.png b/home/.ArchLabs-homepage/res/logo.png
new file mode 100644
index 00000000..88a79df3
Binary files /dev/null and b/home/.ArchLabs-homepage/res/logo.png differ
diff --git a/home/.ArchLabs-homepage/script.js b/home/.ArchLabs-homepage/script.js
new file mode 100644
index 00000000..076f17c7
--- /dev/null
+++ b/home/.ArchLabs-homepage/script.js
@@ -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();
+ });
+
+});
diff --git a/home/.ArchLabs-homepage/style.css b/home/.ArchLabs-homepage/style.css
new file mode 100644
index 00000000..f9e96c0b
--- /dev/null
+++ b/home/.ArchLabs-homepage/style.css
@@ -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(55vh - 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: 60px;
+ 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;
+}
diff --git a/upgrade-archlabs b/upgrade-archlabs
index 60197243..ef03c57a 100755
--- a/upgrade-archlabs
+++ b/upgrade-archlabs
@@ -100,9 +100,9 @@ rm -rf "$HOME"/.config/{bspwm,dunst,i3,obmenu-generator,qt5ct,Thunar,conky,geany
sudo rm -rf /etc/skel/*
# Copy configs to /etc/skel/ & $HOME
-sudo cp -rf "$PWD"/home/{bin,.config,.themes,.gorice,.Xresources,.Xresources.template,.mozilla,.zshrc,.bashrc,.icons,.local,.xsession,.xsessionrc,.xinitrc} /etc/skel/
+sudo cp -rf "$PWD"/home/{bin,.ArchLabs-homepage,.config,.themes,.gorice,.Xresources,.Xresources.template,.mozilla,.zshrc,.bashrc,.icons,.local,.xsession,.xsessionrc,.xinitrc} /etc/skel/
sudo cp -rf "$PWD"/etc /
-cp -rf /etc/skel/{bin,.config,.themes,.gorice,.Xresources,.Xresources.template,.mozilla,.zshrc,.bashrc,.icons,.local,.xsession,.xsessionrc,.xinitrc} "$HOME"/
+cp -rf /etc/skel/{bin,.ArchLabs-homepage,.config,.themes,.gorice,.Xresources,.Xresources.template,.mozilla,.zshrc,.bashrc,.icons,.local,.xsession,.xsessionrc,.xinitrc} "$HOME"/
}
