Coder Social home page Coder Social logo

adias9.github.io's Introduction

Andreas Dias personal site using hacked-jekyll

Hacked Jekyll is a responsive, minimalistic Jekyll theme for a tiny (163.3 kb!) personal website. It consists of a homepage and a 404 page. The homepage lists information set within the configuration file in a format that resembles JSON, giving the website a "hacked" appearance. The user description features typed.js to cycle through multiple lines of text, as long as multiple lines are provided in the configuration.

The style is rebooted through normalize.css and based on the open color library. The monospaced typeface Hack is served together with the website. The favicons are generated by favicon.io.

See the demo to check the end result.

Installation

  1. Clone this repository.
  2. Rename it to [username].github.io.
  3. Start editing!

Usage

All customization happens in the json section of _config.yml. Eight variables can be set, including the user's name and description (note that this is not the same as site description), path to the CV, address and contact details, homepage, repository, and social profiles. All of these variables are optional.

The user description and address variables can be set as arrays (default) or single strings. The contact variable can be set as a hash (default) or single string. The profiles variable must necessarily be a hash.

The color scheme is determined by three lines in _sass/base.scss.

body {
  font-family: "hack", monospace;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--oc-gray-9); // background
  color: var(--oc-green-4); // main text and links
}
a {
  color: inherit;
  font-style: italic;

  &:hover,
  &:active {
    color: var(--oc-green-5); // links on hover
  }
}

Bugs

If you find any problem using the theme, please open an issue.

adias9.github.io's People

Contributors

adias9 avatar

Watchers

James Cloos avatar  avatar

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.