Homepage Delux (bookmark hub)

Medzy · Oct 10, 2014

It's time to stop using Google as your homepage:

Download: https://github.com/gokoururi/homepage

>click the "download as ZIP"
>unzip it somewhere, preferable in your internet browser folder/documents
>open the "home" html file (open with [your internet browser] if needed)
>set that as your internet browsers homepage
>wew

You can personalize it a little or a lot using some simple html or java script.

At a minimum, I'd recommend changing the URL of every to accommodate you.

>Right-click "Home.html" (should be front and center in the unziped folder)
>open with either Wordpad or Notepad++ (if it looks like moonspeak with notepad, use wordpad)
>scroll down until you find <nav>

Big, front and center buttons:

Code:

            <nav>
                <ul class="buttonList">
                    <li class="button buttonGreen"><a href="*RAW URL HERE">*DISPLAY NAME HERE*</a></li>
                    <li class="button buttonGrey"><a href="*URL HERE*">*DISPLAY NAME HERE*</a></li>
                    <li class="button buttonGrey buttonArrow">
                        <a href="#">*DISPLAYNAMEHERE</a>
                        <ul> <li><a href="*RAW URL HERE*">*DISPLAY NAME HERE*</a></li>
                </ul>

Lists of URLS:

Code:

 <ul class="columnList">
                    <li class="column columnPurple">
                        <a>*LIST NAME HERE*</a>
                        <ul>
                            </li>   
                            <li><a href="*LINK HERE*">*ZELDA HERE*</a></li>
                        </ul>
                    </li>

Hope and paste the <li> and </li> bit for however many links you want to be in that specific list

The code should already be set up out of the code, but the URLs you'll have to customize the urls yourself; You shouldn't need to copy and paste the code I provided - it's just a reference or sorts.

The homepage actually reflects your very soul - so you have to make the choice of having a dark soul(s) or a light-grey-ish soul.
To change most of the homepage to/from a black, darker set to a brighter, white set:

>Open home.html with wordpad or Notepad++
>Find this bit of code - or something that looks like it:
<head>
<title>Welcome Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<link rel="icon" href="images/dicks.ico" sizes="16x16 32x32 48x48 64x64" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" style="text/css" href="css/general.css" />
<link rel="stylesheet" style="text/css" href="css/light.css" title="Kuroneko" />
<link rel="alternate stylesheet" style="text/css" href="css/light.css" title="Kamineko" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/scripts.js"><

>Change light.css; to dark.css (vice-verse {not the hat})

You can also simply change the whole font to have any specific font of your choosing.

>Go to the css folder
>open "General"
>About 2 codes down, you'll see a line of code called "Body"

body {
height: 100%;
margin: auto;
padding: 0;
font-size: 0;
font-family: Yoster Island;
text-align: center;
border: 0;
}

>change "font-family" to whatever the name of the font you want to use is called (e.g. font-family: Comic Sans :^D)
If it isn't there, add it.

"HOW DO I ADD MAI WAIFU TO THE IMAGE ROTATOR"

>Go to the images folder
>Go to the Mascots folder
>Erase all those images of stinky garbage (shots fired)
>Add images you want (I highly recommend using images with transparent backgrounds or Vectors)
>Call them something simple (e.g. 1, 2, Buckle my shoe, etc)
>Once you have added waifus, go back to the main folder (the one where you can see everything)
>Go to the JS folder
>Open "Scripts" with notepad or Wordpad
>Scroll down a bit (almost to the bottom)

Code:

$(document).ready(function(event) {
var mascotEnable    = true;
    var mascotPath      = "images/mascots/"
    var mascotList      = ['1.png', '2.png', '3.png']
    var mascot          = mascotPath + mascotList[Math.floor(Math.random() * mascotList.length)];
    var mascotMinWidth  = '750';

>Add the filenames of the images to the mascotlist
>Remember to always add a , in between the files names, with a ' ' around the filenames
>MOST ALL file types will work, but it's highly recommended that you just stick to transparent .PNGs, and transparent .GIFs

I have no knowledge with java script or HTML coding, but with some problem solving and asking around, it seems like this is easily customized. I'd highly suggest that you use this and customize to suit you.

Or you could not. I mean, thats cool too - I mean, I won't complain if this your homepage instead.

Search

Search

Homepage Delux (bookmark hub)

Medzy

http://a.pomf.se/bvuyhi.webm