diff --git a/Arduino/h1632c-arduino-web-ui.ino b/Arduino/h1632c-arduino-web-ui.ino deleted file mode 100644 index 3e8520c..0000000 --- a/Arduino/h1632c-arduino-web-ui.ino +++ /dev/null @@ -1,325 +0,0 @@ - - -#define WEBDUINO_FAIL_MESSAGE "

Request Failed

" -#include "SPI.h" // new include -#include "avr/pgmspace.h" // new include -#include "Ethernet.h" -#include "WebServer.h" - -// HT1632 -#include -#include -#include -#include -#include - -#define VERSION_STRING "0.1" - -/* CHANGE THIS TO YOUR OWN UNIQUE VALUE. The MAC number should be - * different from any other devices on your network or you'll have - * problems receiving packets. */ -static uint8_t mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED }; - - -/* CHANGE THIS TO MATCH YOUR HOST NETWORK. Most home networks are in - * the 192.168.0.XXX or 192.168.1.XXX subrange. Pick an address - * that's not in use and isn't going to be automatically allocated by - * DHCP from your router. */ -static uint8_t ip[] = { 192, 168, 1, 252 }; - -// ROM-based messages used by the application -// These are needed to avoid having the strings use up our limited -// amount of RAM. - -P(Page_start) = "32x16 Led Display v" VERSION_STRING "\n"; - -P(Page_form) = "

32x16 Led Display


Line 1 This will appear on the first line of the display

"; -P(Page_form_2) = "



Line 2 This will appear on the second line of the display


"; -P(Page_end) = ""; -P(Tail_end) = "'
\n"; -P(Parsed_tail_begin) = "URL parameters:
\n"; -P(Parsed_item_separator) = " = '"; -P(Line_break) = "
\n"; - - - -/* This creates an instance of the webserver. By specifying a prefix - * of "", all pages will be at the root of the server. */ -#define PREFIX "" -WebServer webserver(PREFIX, 80); - - -#define NAMELEN 32 -#define VALUELEN 128 -char clear_line[OUT_SIZE+1]; - -int processServerTimer = 200; -int processServerTimer_count; - -char Line1_Color[8]={'red'}; -char Line1_Text[64]; -boolean Line1_Scroll=false; -boolean Line1_Blink=false; -int Line1_Width; -int Line1_Width_i; -int Line1_Scroll_Time=20; -int Line1_Blink_Time=1000; -int Line1_Scroll_Time_Count; -int Line1_Blink_Time_Count; -boolean Line1_Blink_show=true; - -char Line2_Color[8]={'red'}; -char Line2_Text[64]; -boolean Line2_Scroll=false; -boolean Line2_Blink=false; -int Line2_Width; -int Line2_Width_i; -int Line2_Scroll_Time=20; -int Line2_Blink_Time=1000; -int Line2_Scroll_Time_Count; -int Line2_Blink_Time_Count; -boolean Line2_Blink_show=true; - -/* commands are functions that get called by the webserver framework - * they can read any posted data from client, and they output to the - * server to send data back to the web browser. */ -void indexCmd(WebServer &server, WebServer::ConnectionType type, char *url_tail, bool tail_complete) -{ - - char name[NAMELEN]; - char value[VALUELEN]; - - for(int i=0;i= Line1_Scroll_Time) - { - Line1_Scroll_Time_Count=0; - Line1_Width_i = (Line1_Width_i+1)%(Line1_Width + OUT_SIZE * 2); - drawLine1(); - } - - if(Line2_Scroll == true && Line2_Scroll_Time_Count >= Line2_Scroll_Time) - { - Line2_Scroll_Time_Count=0; - Line2_Width_i = (Line2_Width_i+1)%(Line2_Width + OUT_SIZE * 2); - drawLine2(); - } - - if(Line1_Blink == true && Line1_Blink_Time_Count >= Line1_Blink_Time) - { - if(Line1_Blink_show == true) - { - Line1_Blink_show = false; - clearLine1(); - } - else - { - Line1_Blink_show = true; - drawLine1(); - } - Line1_Blink_Time_Count=0; - } - - if(Line2_Blink == true && Line2_Blink_Time_Count >= Line2_Blink_Time) - { - if(Line2_Blink_show == true) - { - Line2_Blink_show = false; - clearLine2(); - } - else - { - Line2_Blink_show = true; - drawLine2(); - } - Line2_Blink_Time_Count=0; - } - - delay(1); - counter(); -} - -void counter() -{ - Line1_Scroll_Time_Count++; - Line1_Blink_Time_Count++; - Line2_Scroll_Time_Count++; - Line2_Blink_Time_Count++; - processServerTimer_count++; -} - -void drawLine1() -{ - int x; - if(Line1_Scroll == true) - x = OUT_SIZE - Line1_Width_i; - else - x = 0; - - HT1632.drawTarget(BUFFER_BOARD(1)); - HT1632.render(); - drawLine(x, 0, Line1_Text, Line1_Color); -} - -void clearLine1() -{ - drawLine(0, 0, clear_line, "green"); - drawLine(0, 0, clear_line, "red"); -} - -void drawLine2() -{ - int x; - if(Line2_Scroll == true) - x = OUT_SIZE - Line2_Width_i; - else - x = 0; - - HT1632.drawTarget(BUFFER_BOARD(2)); - HT1632.render(); - drawLine(x, 9, Line2_Text, Line2_Color); -} - -void clearLine2() -{ - drawLine(0, 9, clear_line, "green"); - drawLine(0, 9, clear_line, "red"); -} - - -void drawLine(int x,int y, char* text, char* color) -{ - if(strcmp(color,"green") == 0 || strcmp(color,"orange") == 0) - { - HT1632.drawTarget(BUFFER_BOARD(1)); - HT1632.drawText(text, x, y, FONT_7X5, FONT_7X5_WIDTH, FONT_7X5_HEIGHT, FONT_7X5_STEP_GLYPH); - HT1632.render(); - } - - - if(strcmp(color,"red") == 0 || strcmp(color,"orange") == 0) - { - HT1632.drawTarget(BUFFER_BOARD(2)); - HT1632.drawText(text, x, y, FONT_7X5, FONT_7X5_WIDTH, FONT_7X5_HEIGHT, FONT_7X5_STEP_GLYPH); - HT1632.render(); - } - -} - diff --git a/LICENCE b/LICENCE deleted file mode 100644 index b144ece..0000000 --- a/LICENCE +++ /dev/null @@ -1,22 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2013 David Soyez - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in -all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN -THE SOFTWARE. - diff --git a/README.md b/README.md deleted file mode 100644 index 2100ebf..0000000 --- a/README.md +++ /dev/null @@ -1,54 +0,0 @@ -HT1632C Web interface for Arduino -================================= - -This is a "early stage" web interface for the powerful HT1632C bicolor(RG) led matrix library made by gauravmm and forked by flavio-fernandes. (cf http://www.sureelectronics.net/goods.php?id=1095) - -This project is unstable due to huge amount of memory needed to librairies and therefore causes freezes and arduino unexpected reboots. - -Prerequisites -============= - -- Arduino Mega 2560 -- Ethernet Shield -- 1 or 2 HT1632 RG Bicolor Led Matrix boards (might support up to 4 boards) - -and - -- HT1632C library forked by flavio-fernandes (https://github.com/flavio-fernandes/HT1632-for-Arduino) -- webduino library - -![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview.jpg?raw=true) -![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview.gif?raw=true) -![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview2.gif?raw=true) - -Installation -============ - -Follow the instructions to edit the ht1632.h file in the HT1632 library. This is needed so it can find out it is a bicolor board and the number of boards as well. - -Open h1632c-arduino-web-ui.ino and edit the arduino ip address - -Upload to your Arduino - -Open your browser and enter the address http://{your-arduino-ip-addres}/index.html - -Explanation ------------ - -This web interface opens a http server on the arduino. Then you can access it from your browser and change the text on the display. It allows 2 lines editing of 1 to 4 boards and have blinking and scrolling options. - -Bugs & Features -=============== - -Looks like both the HT1632 and ethernet libraries need too much SRAM memory so it can run on the Arduino Uno. - -Known Issues ------------- - -1. Using both blinking and scrolling on the two lines at the same makes the animation a little bit slower the more boards you have. - -Future Plans ------------- - -- Add variables such as date, time, count and countdown minutes -- Automatic Switch on and switch off with default messages on display. diff --git a/images/bg_hr.png b/images/bg_hr.png new file mode 100644 index 0000000..7973bd6 Binary files /dev/null and b/images/bg_hr.png differ diff --git a/images/blacktocat.png b/images/blacktocat.png new file mode 100644 index 0000000..6e264fe Binary files /dev/null and b/images/blacktocat.png differ diff --git a/images/icon_download.png b/images/icon_download.png new file mode 100644 index 0000000..a2a287f Binary files /dev/null and b/images/icon_download.png differ diff --git a/images/sprite_download.png b/images/sprite_download.png new file mode 100644 index 0000000..f2babd5 Binary files /dev/null and b/images/sprite_download.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..932c260 --- /dev/null +++ b/index.html @@ -0,0 +1,100 @@ + + + + + + + + + + + Ht1632c-arduino-web-interface + + + + + +
+
+ View on GitHub + +

Ht1632c-arduino-web-interface

+

HT1632C Arduino web interface

+ +
+ Download this project as a .zip file + Download this project as a tar.gz file +
+
+
+ + +
+
+

+HT1632C Web interface for Arduino

+ +

This is a "early stage" web interface for the powerful HT1632C bicolor(RG) led matrix library made by gauravmm and forked by flavio-fernandes. (cf http://www.sureelectronics.net/goods.php?id=1095)

+ +

previewpreviewpreview

+ +

+Prerequisites

+ +
    +
  • Arduino Mega 2560
    • +
  • Ethernet Shield
    • +
  • 1 or 2 HT1632 RG Bicolor Led Matrix boards (might support up to 4 boards)
    • +

and

+ +

+Installation

+ +

Follow the instructions to edit the ht1632.h file in the HT1632 library. This is needed so it can find out it is a bicolor board and the number of boards as well.

+ +

Open h1632c-arduino-web-ui.ino and edit the arduino ip address

+ +

Upload to your Arduino

+ +

Open your browser and enter the address http://{your-arduino-ip-addres}/index.html

+ +

+Explanation

+ +

This web interface opens a http server on the arduino. Then you can access it from your browser and change the text on the display. It allows 2 lines editing of 1 to 4 boards and have blinking and scrolling options.

+ +

+Bugs & Features

+ +

Looks like both the HT1632 and ethernet libraries need too much SRAM memory so it can run on the Arduino Uno.

+ +

+Known Issues

+ +
    +
  1. Using both blinking and scrolling on the two lines at the same makes the animation a little bit slower the more boards you have.
    2. +

+Future Plans

+ +
    +
  • Add variables such as date, time, count and countdown minutes
    • +
  • Automatic Switch on and switch off with default messages on display.
    • +
+
+
+ + + + + + + + diff --git a/javascripts/main.js b/javascripts/main.js new file mode 100644 index 0000000..d8135d3 --- /dev/null +++ b/javascripts/main.js @@ -0,0 +1 @@ +console.log('This would be the main JS file.'); diff --git a/params.json b/params.json new file mode 100644 index 0000000..43f0f7a --- /dev/null +++ b/params.json @@ -0,0 +1 @@ +{"name":"Ht1632c-arduino-web-interface","tagline":"HT1632C Arduino web interface","body":"HT1632C Web interface for Arduino\r\n=================================\r\n\r\nThis is a \"early stage\" web interface for the powerful HT1632C bicolor(RG) led matrix library made by gauravmm and forked by flavio-fernandes. (cf http://www.sureelectronics.net/goods.php?id=1095)\r\n\r\n![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview.jpg?raw=true)\r\n![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview.gif?raw=true)\r\n![preview](http://github.com/dexnode/ht1632c-arduino-web-interface/blob/master/preview2.gif?raw=true)\r\n\r\nPrerequisites\r\n=============\r\n\r\n- Arduino Mega 2560\r\n- Ethernet Shield\r\n- 1 or 2 HT1632 RG Bicolor Led Matrix boards (might support up to 4 boards)\r\n\r\nand\r\n\r\n- HT1632C library forked by flavio-fernandes (https://github.com/flavio-fernandes/HT1632-for-Arduino)\r\n- webduino library\r\n\r\nInstallation\r\n============\r\n\r\nFollow the instructions to edit the ht1632.h file in the HT1632 library. This is needed so it can find out it is a bicolor board and the number of boards as well.\r\n\r\nOpen h1632c-arduino-web-ui.ino and edit the arduino ip address\r\n\r\nUpload to your Arduino\r\n\r\nOpen your browser and enter the address http://{your-arduino-ip-addres}/index.html\r\n\r\nExplanation\r\n-----------\r\n\r\nThis web interface opens a http server on the arduino. Then you can access it from your browser and change the text on the display. It allows 2 lines editing of 1 to 4 boards and have blinking and scrolling options.\r\n\r\nBugs & Features\r\n===============\r\n\r\nLooks like both the HT1632 and ethernet libraries need too much SRAM memory so it can run on the Arduino Uno.\r\n\r\nKnown Issues\r\n------------\r\n\r\n1. Using both blinking and scrolling on the two lines at the same makes the animation a little bit slower the more boards you have.\r\n\r\nFuture Plans\r\n------------\r\n\r\n- Add variables such as date, time, count and countdown minutes\r\n- Automatic Switch on and switch off with default messages on display.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file diff --git a/preview.gif b/preview.gif deleted file mode 100644 index 4633762..0000000 Binary files a/preview.gif and /dev/null differ diff --git a/preview.jpg b/preview.jpg deleted file mode 100644 index e78fbac..0000000 Binary files a/preview.jpg and /dev/null differ diff --git a/preview2.gif b/preview2.gif deleted file mode 100644 index 660a589..0000000 Binary files a/preview2.gif and /dev/null differ diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css new file mode 100644 index 0000000..e65cedf --- /dev/null +++ b/stylesheets/pygment_trac.css @@ -0,0 +1,70 @@ +.highlight .hll { background-color: #ffffcc } +.highlight { background: #f0f3f3; } +.highlight .c { color: #0099FF; font-style: italic } /* Comment */ +.highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */ +.highlight .k { color: #006699; font-weight: bold } /* Keyword */ +.highlight .o { color: #555555 } /* Operator */ +.highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #009999 } /* Comment.Preproc */ +.highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #FF0000 } /* Generic.Error */ +.highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */ +.highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ +.highlight .go { color: #AAAAAA } /* Generic.Output */ +.highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */ +.highlight .gt { color: #99CC66 } /* Generic.Traceback */ +.highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */ +.highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { color: #006699 } /* Keyword.Pseudo */ +.highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #FF6600 } /* Literal.Number */ +.highlight .s { color: #CC3300 } /* Literal.String */ +.highlight .na { color: #330099 } /* Name.Attribute */ +.highlight .nb { color: #336666 } /* Name.Builtin */ +.highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */ +.highlight .no { color: #336600 } /* Name.Constant */ +.highlight .nd { color: #9999FF } /* Name.Decorator */ +.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ +.highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #CC00FF } /* Name.Function */ +.highlight .nl { color: #9999FF } /* Name.Label */ +.highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */ +.highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */ +.highlight .nv { color: #003333 } /* Name.Variable */ +.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #FF6600 } /* Literal.Number.Float */ +.highlight .mh { color: #FF6600 } /* Literal.Number.Hex */ +.highlight .mi { color: #FF6600 } /* Literal.Number.Integer */ +.highlight .mo { color: #FF6600 } /* Literal.Number.Oct */ +.highlight .sb { color: #CC3300 } /* Literal.String.Backtick */ +.highlight .sc { color: #CC3300 } /* Literal.String.Char */ +.highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #CC3300 } /* Literal.String.Double */ +.highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */ +.highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */ +.highlight .si { color: #AA0000 } /* Literal.String.Interpol */ +.highlight .sx { color: #CC3300 } /* Literal.String.Other */ +.highlight .sr { color: #33AAAA } /* Literal.String.Regex */ +.highlight .s1 { color: #CC3300 } /* Literal.String.Single */ +.highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */ +.highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #003333 } /* Name.Variable.Class */ +.highlight .vg { color: #003333 } /* Name.Variable.Global */ +.highlight .vi { color: #003333 } /* Name.Variable.Instance */ +.highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */ + +.type-csharp .highlight .k { color: #0000FF } +.type-csharp .highlight .kt { color: #0000FF } +.type-csharp .highlight .nf { color: #000000; font-weight: normal } +.type-csharp .highlight .nc { color: #2B91AF } +.type-csharp .highlight .nn { color: #000000 } +.type-csharp .highlight .s { color: #A31515 } +.type-csharp .highlight .sc { color: #A31515 } diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css new file mode 100644 index 0000000..b48c8a8 --- /dev/null +++ b/stylesheets/stylesheet.css @@ -0,0 +1,427 @@ +/******************************************************************************* +Slate Theme for GitHub Pages +by Jason Costello, @jsncostello +*******************************************************************************/ + +@import url(https://github.com/pygment_trac.css); + +/******************************************************************************* +MeyerWeb Reset +*******************************************************************************/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +ol, ul { + list-style: none; +} + +blockquote, q { +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +/******************************************************************************* +Theme Styles +*******************************************************************************/ + +body { + box-sizing: border-box; + color:#373737; + background: #212121; + font-size: 16px; + font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +h1, h2, h3, h4, h5, h6 { + margin: 10px 0; + font-weight: 700; + color:#222222; + font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif; + letter-spacing: -1px; +} + +h1 { + font-size: 36px; + font-weight: 700; +} + +h2 { + padding-bottom: 10px; + font-size: 32px; + background: url('https://github.com/images/bg_hr.png') repeat-x bottom; +} + +h3 { + font-size: 24px; +} + +h4 { + font-size: 21px; +} + +h5 { + font-size: 18px; +} + +h6 { + font-size: 16px; +} + +p { + margin: 10px 0 15px 0; +} + +footer p { + color: #f2f2f2; +} + +a { + text-decoration: none; + color: #007edf; + text-shadow: none; + + transition: color 0.5s ease; + transition: text-shadow 0.5s ease; + -webkit-transition: color 0.5s ease; + -webkit-transition: text-shadow 0.5s ease; + -moz-transition: color 0.5s ease; + -moz-transition: text-shadow 0.5s ease; + -o-transition: color 0.5s ease; + -o-transition: text-shadow 0.5s ease; + -ms-transition: color 0.5s ease; + -ms-transition: text-shadow 0.5s ease; +} + +#main_content a:hover { + color: #0069ba; + text-shadow: #0090ff 0px 0px 2px; +} + +footer a:hover { + color: #43adff; + text-shadow: #0090ff 0px 0px 2px; +} + +em { + font-style: italic; +} + +strong { + font-weight: bold; +} + +img { + position: relative; + margin: 0 auto; + max-width: 739px; + padding: 5px; + margin: 10px 0 10px 0; + border: 1px solid #ebebeb; + + box-shadow: 0 0 5px #ebebeb; + -webkit-box-shadow: 0 0 5px #ebebeb; + -moz-box-shadow: 0 0 5px #ebebeb; + -o-box-shadow: 0 0 5px #ebebeb; + -ms-box-shadow: 0 0 5px #ebebeb; +} + +pre, code { + width: 100%; + color: #222; + background-color: #fff; + + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + font-size: 14px; + + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + + + +} + +pre { + width: 100%; + padding: 10px; + box-shadow: 0 0 10px rgba(0,0,0,.1); + overflow: auto; +} + +code { + padding: 3px; + margin: 0 3px; + box-shadow: 0 0 10px rgba(0,0,0,.1); +} + +pre code { + display: block; + box-shadow: none; +} + +blockquote { + color: #666; + margin-bottom: 20px; + padding: 0 0 0 20px; + border-left: 3px solid #bbb; +} + +ul, ol, dl { + margin-bottom: 15px +} + +ul li { + list-style: inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 20px; +} + +dl dt { + font-weight: bold; +} + +dl dd { + padding-left: 20px; + font-style: italic; +} + +dl p { + padding-left: 20px; + font-style: italic; +} + +hr { + height: 1px; + margin-bottom: 5px; + border: none; + background: url('https://github.com/images/bg_hr.png') repeat-x center; +} + +table { + border: 1px solid #373737; + margin-bottom: 20px; + text-align: left; + } + +th { + font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; + padding: 10px; + background: #373737; + color: #fff; + } + +td { + padding: 10px; + border: 1px solid #373737; + } + +form { + background: #f2f2f2; + padding: 20px; +} + +img { + width: 100%; + max-width: 100%; +} + +/******************************************************************************* +Full-Width Styles +*******************************************************************************/ + +.outer { + width: 100%; +} + +.inner { + position: relative; + max-width: 640px; + padding: 20px 10px; + margin: 0 auto; +} + +#forkme_banner { + display: block; + position: absolute; + top:0; + right: 10px; + z-index: 10; + padding: 10px 50px 10px 10px; + color: #fff; + background: url('https://github.com/images/blacktocat.png') #0090ff no-repeat 95% 50%; + font-weight: 700; + box-shadow: 0 0 10px rgba(0,0,0,.5); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#header_wrap { + background: #212121; + background: -moz-linear-gradient(top, #373737, #212121); + background: -webkit-linear-gradient(top, #373737, #212121); + background: -ms-linear-gradient(top, #373737, #212121); + background: -o-linear-gradient(top, #373737, #212121); + background: linear-gradient(top, #373737, #212121); +} + +#header_wrap .inner { + padding: 50px 10px 30px 10px; +} + +#project_title { + margin: 0; + color: #fff; + font-size: 42px; + font-weight: 700; + text-shadow: #111 0px 0px 10px; +} + +#project_tagline { + color: #fff; + font-size: 24px; + font-weight: 300; + background: none; + text-shadow: #111 0px 0px 10px; +} + +#downloads { + position: absolute; + width: 210px; + z-index: 10; + bottom: -40px; + right: 0; + height: 70px; + background: url('https://github.com/images/icon_download.png') no-repeat 0% 90%; +} + +.zip_download_link { + display: block; + float: right; + width: 90px; + height:70px; + text-indent: -5000px; + overflow: hidden; + background: url(https://github.com/images/sprite_download.png) no-repeat bottom left; +} + +.tar_download_link { + display: block; + float: right; + width: 90px; + height:70px; + text-indent: -5000px; + overflow: hidden; + background: url(https://github.com/images/sprite_download.png) no-repeat bottom right; + margin-left: 10px; +} + +.zip_download_link:hover { + background: url(https://github.com/images/sprite_download.png) no-repeat top left; +} + +.tar_download_link:hover { + background: url(https://github.com/images/sprite_download.png) no-repeat top right; +} + +#main_content_wrap { + background: #f2f2f2; + border-top: 1px solid #111; + border-bottom: 1px solid #111; +} + +#main_content { + padding-top: 40px; +} + +#footer_wrap { + background: #212121; +} + + + +/******************************************************************************* +Small Device Styles +*******************************************************************************/ + +@media screen and (max-width: 480px) { + body { + font-size:14px; + } + + #downloads { + display: none; + } + + .inner { + min-width: 320px; + max-width: 480px; + } + + #project_title { + font-size: 32px; + } + + h1 { + font-size: 28px; + } + + h2 { + font-size: 24px; + } + + h3 { + font-size: 21px; + } + + h4 { + font-size: 18px; + } + + h5 { + font-size: 14px; + } + + h6 { + font-size: 12px; + } + + code, pre { + min-width: 320px; + max-width: 480px; + font-size: 11px; + } + +}