diff --git a/CNAME b/CNAME deleted file mode 100644 index 8202c36..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -codiad.com diff --git a/images/body-bg.jpg b/images/body-bg.jpg deleted file mode 100644 index 0e0f861..0000000 Binary files a/images/body-bg.jpg and /dev/null differ diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 0000000..d0618fe Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/download-button.png b/images/download-button.png deleted file mode 100644 index df3f09a..0000000 Binary files a/images/download-button.png and /dev/null differ diff --git a/images/github-button.png b/images/github-button.png deleted file mode 100644 index efe07f9..0000000 Binary files a/images/github-button.png and /dev/null differ diff --git a/images/header-bg.jpg b/images/header-bg.jpg deleted file mode 100644 index 960bff7..0000000 Binary files a/images/header-bg.jpg and /dev/null differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 0000000..6c723a5 Binary files /dev/null and b/images/hr.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 0000000..f0ba137 Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/sidebar-bg.jpg b/images/sidebar-bg.jpg deleted file mode 100644 index 42890fe..0000000 Binary files a/images/sidebar-bg.jpg and /dev/null differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 0000000..d50f34f Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 0000000..162c425 Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html index b42b4bf..9efe54c 100644 --- a/index.html +++ b/index.html @@ -3,31 +3,34 @@ - - + - - Codiad by Fluidbyte -
+
-

Codiad

-

Web Based, Cloud IDE

- View project onGitHub -
-
-
-
-
+
+

Codiad

+

Web Based, Cloud IDE

+
+ +
+ Download .zip + Download .tar.gz + View on GitHub +
+ +
+ +

Codiad Web IDE

Codiad is a web-based IDE framework with a small footprint and minimal requirements. The system is still early in development, and while it has been proven extremely stable please be sure to backup regularly if you use it in any production work.

@@ -55,24 +58,12 @@

Project developed by Kent Safranski with support from Tictonix

- -
-
- - @@ -83,5 +74,7 @@ } catch(err) {} + + \ No newline at end of file diff --git a/params.json b/params.json index f104832..a2761de 100644 --- a/params.json +++ b/params.json @@ -1 +1 @@ -{"body":"# Codiad Web IDE\r\n\r\nCodiad is a web-based IDE framework with a small footprint and minimal requirements. The system is still early in development, and while it has been proven extremely stable please be sure to backup regularly if you use it in any production work.\r\n\r\nKeep up to date with the latest changes and news on **[Twitter](http://twitter.com/codiadide)** or **[Facebook](http://www.facebook.com/Codiad)**\r\n\r\n## Getting Started\r\n\r\nInstallation of Codiad requires uploading the files and making several directories and a config file writeable. There is no database and no other server components are required. PHP 5.3 or above is recommended, however, the system will work with any version of PHP over v.5.\r\n\r\nFor more information please **[read the installation instructions](https://github.com/Fluidbyte/Codiad/wiki/Installation)** on the Wiki.\r\n\r\n## Interface\r\n\r\nCodiad consists of three panels; a left panel which houses the file manager and active files, center panel which is where editors reside, and a right panel which contains system and other controls. The right side panel collapses and there's no top toolbar to provide maximum real-estate to the editor.\r\n\r\n![Codiad Screenshot](http://codiad.com/screenshot.jpg)\r\n\r\n\r\n## Getting More Advanced\r\n\r\nCodiad is a very complete package, however, it was designed to allow developers to easily expand upon the base platform.\r\n\r\nIf you're looking to develop components or custom functionality please **[check out the Wiki](https://github.com/Fluidbyte/Codiad/wiki)** for information about the architecture and API.\r\n\r\n***\r\n\r\n_Project developed by [Kent Safranski](http://www.fluidbyte.net) with support from [Tictonix](http://www.tictonix.com)_","google":"UA-34692757-1","tagline":"Web Based, Cloud IDE","note":"Don't delete this file! It's used internally to help with page regeneration.","name":"Codiad"} \ No newline at end of file +{"name":"Codiad","body":"# Codiad Web IDE\r\n\r\nCodiad is a web-based IDE framework with a small footprint and minimal requirements. The system is still early in development, and while it has been proven extremely stable please be sure to backup regularly if you use it in any production work.\r\n\r\nKeep up to date with the latest changes and news on **[Twitter](http://twitter.com/codiadide)** or **[Facebook](http://www.facebook.com/Codiad)**\r\n\r\n## Getting Started\r\n\r\nInstallation of Codiad requires uploading the files and making several directories and a config file writeable. There is no database and no other server components are required. PHP 5.3 or above is recommended, however, the system will work with any version of PHP over v.5.\r\n\r\nFor more information please **[read the installation instructions](https://github.com/Fluidbyte/Codiad/wiki/Installation)** on the Wiki.\r\n\r\n## Interface\r\n\r\nCodiad consists of three panels; a left panel which houses the file manager and active files, center panel which is where editors reside, and a right panel which contains system and other controls. The right side panel collapses and there's no top toolbar to provide maximum real-estate to the editor.\r\n\r\n![Codiad Screenshot](http://codiad.com/screenshot.jpg)\r\n\r\n\r\n## Getting More Advanced\r\n\r\nCodiad is a very complete package, however, it was designed to allow developers to easily expand upon the base platform.\r\n\r\nIf you're looking to develop components or custom functionality please **[check out the Wiki](https://github.com/Fluidbyte/Codiad/wiki)** for information about the architecture and API.\r\n\r\n***\r\n\r\n_Project developed by [Kent Safranski](http://www.fluidbyte.net) with support from [Tictonix](http://www.tictonix.com)_","google":"UA-34692757-1","tagline":"Web Based, Cloud IDE","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file diff --git a/screenshot.jpg b/screenshot.jpg deleted file mode 100644 index 60c302c..0000000 Binary files a/screenshot.jpg and /dev/null differ diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 7e3b8f0..020ad6d 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -48,138 +48,146 @@ table { /* LAYOUT STYLES */ body { - font-size: 15px; + font-size: 1em; line-height: 1.5; - background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; font-family: 'Helvetica Neue', Helvetica, Arial, serif; - font-weight: 400; - color: #666; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + color: #6d6d6d; } a { - color: #2879d0; + color: #d5000d; } a:hover { - color: #2268b2; + color: #c5000c; } header { - padding-top: 40px; - padding-bottom: 40px; - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x; - border-bottom: solid 1px #275da1; + padding-top: 35px; + padding-bottom: 25px; } header h1 { + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; letter-spacing: -1px; - font-size: 72px; - color: #fff; - line-height: 1; - margin-bottom: 0.2em; - width: 540px; + font-size: 48px; + color: #303030; + line-height: 1.2; } header h2 { - font-size: 26px; - color: #9ddcff; + letter-spacing: -1px; + font-size: 24px; + color: #aaa; font-weight: normal; line-height: 1.3; - width: 540px; - letter-spacing: 0; +} + +#container { + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; + min-height: 595px; } .inner { - position: relative; - width: 940px; + width: 620px; margin: 0 auto; } -#content-wrapper { - border-top: solid 1px #fff; - padding-top: 30px; -} - -#main-content { - width: 690px; - float: left; -} - -#main-content img { +#container .inner img { max-width: 100%; } -aside#sidebar { - width: 200px; - padding-left: 20px; - min-height: 504px; - float: right; - background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat; - font-size: 12px; - line-height: 1.3; -} - -aside#sidebar p.repo-owner, -aside#sidebar p.repo-owner a { - font-weight: bold; -} - #downloads { margin-bottom: 40px; } a.button { - width: 134px; - height: 58px; - line-height: 1.2; - font-size: 23px; - color: #fff; - padding-left: 68px; - padding-top: 22px; - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; -} -a.button small { + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + border-top: solid 1px #cbcbcb; + border-left: solid 1px #b7b7b7; + border-right: solid 1px #b7b7b7; + border-bottom: solid 1px #b3b3b3; + color: #303030; + line-height: 25px; + font-weight: bold; + font-size: 15px; + padding: 12px 8px 12px 8px; display: block; - font-size: 11px; + float: left; + width: 179px; + margin-right: 14px; + background: #fdfdfd; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + -webkit-box-shadow: 10px 10px 5px #888; + -moz-box-shadow: 10px 10px 5px #888; + box-shadow: 0px 1px 5px #e8e8e8; } -header a.button { - position: absolute; - right: 0; - top: 0; - background: transparent url(../images/github-button.png) 0 0 no-repeat; +a.button:hover { + border-top: solid 1px #b7b7b7; + border-left: solid 1px #b3b3b3; + border-right: solid 1px #b3b3b3; + border-bottom: solid 1px #b3b3b3; + background: #fafafa; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } -aside a.button { - width: 138px; - padding-left: 64px; + +a.button span { + padding-left: 50px; display: block; - background: transparent url(../images/download-button.png) 0 0 no-repeat; - margin-bottom: 20px; - font-size: 21px; + height: 23px; +} + +#download-zip span { + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +} +#download-tar-gz span { + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +} +#view-on-github span { + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +} +#view-on-github { + margin-right: 0; } code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; color: #222; margin-bottom: 30px; - font-size: 13px; + font-size: 14px; } code { - background-color: #f2f8fc; - border: solid 1px #dbe7f3; + background-color: #f2f2f2; + border: solid 1px #ddd; padding: 0 3px; } pre { padding: 20px; - background: #fff; + background: #303030; + color: #f2f2f2; text-shadow: none; overflow: auto; - border: solid 1px #f2f2f2; } pre code { - color: #2879d0; - background-color: #fff; + color: #f2f2f2; + background-color: #303030; border: none; padding: 0; } @@ -197,7 +205,15 @@ hr { margin-top: 1em; padding-bottom: 1em; border: none; - background: transparent url('../images/hr.png') 0 0 no-repeat; + background: transparent url('../images/hr.png') 50% 0 no-repeat; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; } table { @@ -224,89 +240,42 @@ form { /* GENERAL ELEMENT TYPE STYLES */ -#main-content h1 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 2.8em; - letter-spacing: -1px; - color: #474747; +h1 { + font-size: 32px; } -#main-content h1:before { - content: "/"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -0.9em; -} - -#main-content h2 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; +h2 { font-size: 22px; font-weight: bold; + color: #303030; margin-bottom: 8px; - color: #474747; } -#main-content h2:before { - content: "//"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -1.5em; -} -#main-content h3 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; +h3 { + color: #d5000d; font-size: 18px; font-weight: bold; - margin-top: 24px; margin-bottom: 8px; - color: #474747; } -#main-content h3:before { - content: "///"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -2em; -} - -#main-content h4 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 15px; +h4 { + font-size: 16px; + color: #303030; font-weight: bold; - color: #474747; } -h4:before { - content: "////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -2.8em; -} - -#main-content h5 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 14px; - color: #474747; +h5 { + font-size: 1em; + color: #303030; } -h5:before { - content: "/////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -3.2em; -} -#main-content h6 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; +h6 { font-size: .8em; - color: #474747; + color: #303030; } -h6:before { - content: "//////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -3.7em; -} p { + font-weight: 300; margin-bottom: 20px; } @@ -335,9 +304,8 @@ ol li { padding-left: 3px; } -dl dd { - font-style: italic; - font-weight: 100; +dl dt { + color: #303030; } footer { @@ -376,99 +344,23 @@ footer a:hover { @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ -@media only screen and (min-width: 768px) and (max-width: 959px) { - .inner { - width: 740px; - } - header h1, header h2 { - width: 340px; - } - header h1 { - font-size: 60px; - } - header h2 { - font-size: 30px; - } - #main-content { - width: 490px; - } - #main-content h1:before, - #main-content h2:before, - #main-content h3:before, - #main-content h4:before, - #main-content h5:before, - #main-content h6:before { - content: none; - padding-right: 0; - margin-left: 0; - } -} +@media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { - .inner { - width: 93%; - } header { - padding: 20px 0; + padding-top: 10px; + padding-bottom: 10px; } - header .inner { - position: relative; + #downloads { + margin-bottom: 25px; } - header h1, header h2 { - width: 100%; - } - header h1 { - font-size: 48px; - } - header h2 { - font-size: 24px; - } - header a.button { - background-image: none; - width: auto; - height: auto; - display: inline-block; - margin-top: 15px; - padding: 5px 10px; - position: relative; - text-align: center; - font-size: 13px; - line-height: 1; - background-color: #9ddcff; - color: #2879d0; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - } - header a.button small { - font-size: 13px; - display: inline; - } - #main-content, - aside#sidebar { - float: none; - width: 100% ! important; - } - aside#sidebar { - background-image: none; - margin-top: 20px; - border-top: solid 1px #ddd; - padding: 20px 0; - min-height: 0; - } - aside#sidebar a.button { + #download-zip, #download-tar-gz { display: none; } - #main-content h1:before, - #main-content h2:before, - #main-content h3:before, - #main-content h4:before, - #main-content h5:before, - #main-content h6:before { - content: none; - padding-right: 0; - margin-left: 0; + .inner { + width: 94%; + margin: 0 auto; } }