Giter VIP home page Giter VIP logo

homepage's Introduction

Homepage

alt tag

Live Demo: Dark - Light

This repository contains a custom homepage made using html, css and javascript (jQuery). Feel free to download and modify. Comments and suggestions appreciated. Please don't expect too much.

Features:

  • Flashy links
  • Flashy Slidy sublinks
  • Flashy Slidy searchbars
  • Randomly selected cute 2D girls
  • Column style links.
  • New: Light color theme. See Live Demo
    • New directory structure for easier making and sharing themes.

Customizing, adding mascots and themes

To change current theme, replace its name in home.html

To customize mascots in ruri-dark theme, modify the array in themes/ruri-dark/mascots.js:

var mascotList = [ "ruri1.png", "ruri2.png", "ruri3.png" ];

To make new theme, you can copy an existing one, and change images and colors.css as you like.
Please note that entries in your theme's mascots.js should match with contents of mascots/ directory.
(Of course, above links use ruri-dark theme only as an example.)

Disclaimer

Images of cute girls were made by Anons from /w/ and stolen from their Google Drive.

homepage's People

Contributors

gokoururi avatar kenany avatar xender avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

homepage's Issues

CRLF line endings.

Hi.

I'm currently working on genericizing your homepage using Mustache templates.

I work on Linux and have a problem with CRLF line endings here - would you mind changing line endings of all test files to LF?

AFAIK git has a neat way to handle LF in repo and CRLF in checkout - core.autocrlf = true option or .gitattributes file. Unfortunately, it is difficult the other way.

Genericizing?

Hi, it's me again ^ ^.

I think it would be nice to make this homepage generic, so that anyone could make own version by modifying something more friendly than separate HTML, CSS and some JS.

I was thinking about two approaches: templating or dynamically generating the page in JS.
a) Templating - generating files from Mustache (or other) templates and user-supplied config in YAML/JSON.
A proof-of-concept is on my fork - https://github.com/Xender/homepage/tree/OLD/static-templating.
While not requiring big modifications to files, it requires user to re-run generation script each time config is modified (please see new section in README).
Also, this is only a proof-of-concept, so if you were to approve it, please don't merge it into your tree by now.
b) Dynamic generation - something like what https://github.com/mukyu/NeaterPage has - config.js file & adding elements to DOM in runtime.
I think this is nicer, because doesn't require user to "recompile" page. But it would require some code rewriting.

I also plan on making script which would automatically download sites' favicons (and optionally turn them gray using ImageMagick). I don't see a way to do that dynamically, so it would also require recompiling.

Also introduction of light theme doubled most of the files. I think it would be nice to also genericize styles, so users could painlessly change colors and mascots.

Considering all of the above, please let me know, what do you think about genericing the homepage and whether the templated or dynamic would be better.

Thanks for reading such a long comment ^ ^.

EDIT: updated branch name from /templating/ to /static-templating-OLD/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.