Code Monkey home page Code Monkey logo

ibis's Introduction

Site styles for rosslaird.com

This repository is provided primarily for my students, but is open to anyone who wishes to view the styles (CSS) that I use at rosslaird.com. I have also included various Javascript files, images, and site-specific files I use to deploy my site using Mezzanine.

If you are building a site with Mezzanine, you should be aware that this repository represents a theme application and should live as an application inside your Mezzanine project. (Please consult the Mezzanine docs for more information.) You should also be aware that the CSS file included in this repository is designed to work with the templates provided by Mezzzanine and the styles provided by the Twitter Bootstrap framework. (The basic Bootstrap theme can be modified using Bootswatch.)

Web design is a rapidly-evolving and highly complex area. If you are one of my students, and you wish to experiment with the CSS styles or Javascripts included in this repository, please do so. But please do not simply copy and paste snippets of code into a live website (such as your blog). That would be unwise, and would probably have unintended (and bad) consequences. Instead, use these files on your local machine to experiment, play, learn, break, rebuild, and explore. And, if you have trouble, ask me in class.

What's Here, Exactly?

The README.rst file is what you are reading now.

The __init__.py and __init__.pyc files are for Django. You can ignore these files.

The static directory includes several subdirectories inclusing css, img, js, media, and bootstrap. These directories contain most of the files that will be of interest to my students: style sheets, image files (used with Mezzanine), and various Javascripts. (The media directory contains a few images used on the rosslaird.com site.)

The js directory contains several Javascripts that can be used to render proper typography and design (as well as innovative typography and design) on web pages, as follows:

  • html5shiv, to enable HTML5 elements (such as article and section) in older browsers.
  • Hyphenator, to enable proper typographical hyphenation in web pages. If you use justification in your CSS file, you should also enable this script.
  • Noisy, to replace the background image of a web page (or any element) with code (easier, smaller, faster).
  • Lettering.js, to enable radical web typography.
  • Less.js, to enable the use of the Less dynamic stylesheet language.

The templates directory contains files used with Mezzanine. If you are building a site with Mezzanine, you can adapt these files to your own needs. If not, you can ignore these files. They won't be of any use outside the Mezzanine framework.

How to use these files?

View them online, download them, clone the repository: it's up to you. If you want to clone the repository (which, overall, is the best way to use these files), first make sure you have Git installed, then run this command from a command prompt:

git clone git://github.com/rosslaird/ibis.git

This will clone the repository into a subdirectory called ibis beneath whatever directory you called the command from. You will have all of the files, and you can play with them as you like.

ibis's People

Contributors

rosslaird avatar

Watchers

 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.