GithubHelp home page GithubHelp logo

agordon / dancer_bootstrap_fontawesome_template Goto Github PK

View Code? Open in Web Editor NEW
55.0 9.0 18.0 1.82 MB

A template for quick-starting applications using Perl's Dancer, Twitter's Bootstrap and Font-Awesome.

Home Page: http://cowbell.cancan.cshl.edu/

Perl 78.24% Shell 17.54% CSS 4.23%

dancer_bootstrap_fontawesome_template's Introduction


TODO when you start a new application:

1. Download the template
2. Rename "lib/dancer_bootstrap_fontawesome_template.pm" to something relevant for you.
3. Added "bin/app.pl" and change the module name (from step 2).
4. ???
5. Profit!



TODO when updating Tweeter's bootstrap:
 Quickest way:
    $ cd /path/to/your/dancer/project
    $ ./bin/update_bootstrap


 Manual Unix Way:
    $ cd /path/to/your/dancer/project
    $ cd public
    $ mv bootstrap bootstrap.$(date +%F).old
    $ wget http://twitter.github.com/bootstrap/assets/bootstrap.zip
    $ unzip bootstrap.zip
    $ rm bootstrap.zip

 Steps are:
    1. Download bootstrap's ZIP file (should be named "bootstrap.zip") to the "<dancer>/public" directory.
    2. Delete (or rename/move-aside) the current "<dancer>/public/bootstrap" directory .
    3. unzip the bootstrap.zip file in "<dancer>/public" .
    4. The updated "bootstrap" directory will be used automatically.


TODO when updating font-awesome:
 Quickest way:
    $ cd /path/to/your/dancer/project
    $ ./bin/update_fontawesome

 Manual Unix Way:
    $ cd /path/to/your/dancer/project
    $ cd public
    $ mv FontAwesome FontAwesome.$(date +%F).old
    $ wget -O FontAwesome.zip https://github.com/FortAwesome/Font-Awesome/zipball/master
    $ unzip FontAwesome.zip
    # Here be a catch: the unzip'd directory will be different everytime, depending on the latest GIT version.
    #                  So we rename it using a shell-wildcard, assuming no other directroy is named like this.
    #                  run "ls -l" to see what I mean.
    $ mv FortAwesome-Font-Awesome-* FontAwesome
    $ rm FontAwesome.zip

 Steps are:
    1. Download the latest Font-Awesome zipball
    2. Delete (or rename/move-aside) the current "<dancer>/public/FontAwesome" directory .
    3. unzip the FontAwesome.zip file in "<dancer>/public" .
    4. The updated "FontAwesome" directory will be used automatically.


TODO when updating JQuery:
  Manual unix way:
    1. Find out the latest version at  http://docs.jquery.com/Downloading_jQuery
    2. Goto <dancer>/public/javascripts
    3. Download the new JQuery file.
    4. Update <dancer>/views/layout/main.tt (at the bottom <script>) to use the new JQuery.

dancer_bootstrap_fontawesome_template's People

Contributors

agordon avatar casao avatar earino avatar grantm avatar ironcamel avatar stennie 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dancer_bootstrap_fontawesome_template's Issues

how to use onclick on fontawesome icon?

I use <i class="icon-plus"></i>, but the jQuery $(".icon-plus").on("click",function(e){alert(e)}) cannot run successful.
I saw "Resource interpreted as Font but transferred with MIME type application/data: "http://myip:3000/fontawesome/font/fontawesome-webfont.woff"." in my Chrome.
And I found another website using bootstrap but no fontawesome can do those actioin on icon-plus etc. They download resources like "/img/glyphicons-halflings.png".

Customized Bootstrap Downloader Link and/or bootstrap-server Deprecated

The download URL for a customized bootstrap framework at bootstrap.herokuapp.com/ via bin/download_customized_bootstrap leads to an HTML page written as a .zip archive, subsequently leading to an error upon trying to unzip.

This leaves the sample pages unstyled for a freshly-cloned repository as the corresponding CSS files through bootstrap are absent.

Likewise, the bootstrap-server appears to be deprecated, or unmaintained at the very least with a note specifying:

The Bootstrap server is now handled via all client-side JavaScript within the main Bootstrap repo.

With that, the aforementioned downloader helper has to be updated. Alternatively and consequently, a low-hanging fruit would be to pre-ship the latest bootstrap files by including them in the repository.

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.