Permalink
Browse files

first commit with converted files

  • Loading branch information...
1 parent 6f4b493 commit fc125254c45f5717199fb285eba7235f64731a51 @kelyvin committed Nov 8, 2015
Showing with 5,363 additions and 4 deletions.
  1. +12 −1 .gitignore
  2. +186 −0 DOCUMENTATION.md
  3. +1 −3 LICENSE
  4. +31 −0 README.md
  5. +8 −0 assets/css/kelyvin-ghost-theme.css
  6. +298 −0 assets/fonts/foundation-icons/.fontcustom-data
  7. +594 −0 assets/fonts/foundation-icons/foundation-icons.css
  8. BIN assets/fonts/foundation-icons/foundation-icons.eot
  9. +970 −0 assets/fonts/foundation-icons/foundation-icons.svg
  10. BIN assets/fonts/foundation-icons/foundation-icons.ttf
  11. BIN assets/fonts/foundation-icons/foundation-icons.woff
  12. BIN assets/img/android-chrome-144x144.png
  13. BIN assets/img/android-chrome-192x192.png
  14. BIN assets/img/android-chrome-36x36.png
  15. BIN assets/img/android-chrome-48x48.png
  16. BIN assets/img/android-chrome-72x72.png
  17. BIN assets/img/android-chrome-96x96.png
  18. BIN assets/img/apple-touch-icon-114x114.png
  19. BIN assets/img/apple-touch-icon-120x120.png
  20. BIN assets/img/apple-touch-icon-144x144.png
  21. BIN assets/img/apple-touch-icon-152x152.png
  22. BIN assets/img/apple-touch-icon-180x180.png
  23. BIN assets/img/apple-touch-icon-57x57.png
  24. BIN assets/img/apple-touch-icon-60x60.png
  25. BIN assets/img/apple-touch-icon-72x72.png
  26. BIN assets/img/apple-touch-icon-76x76.png
  27. BIN assets/img/apple-touch-icon-precomposed.png
  28. BIN assets/img/apple-touch-icon.png
  29. BIN assets/img/astronaut.png
  30. +12 −0 assets/img/browserconfig.xml
  31. BIN assets/img/favicon-16x16.png
  32. BIN assets/img/favicon-194x194.png
  33. BIN assets/img/favicon-32x32.png
  34. BIN assets/img/favicon-96x96.png
  35. BIN assets/img/favicon.ico
  36. +41 −0 assets/img/manifest.json
  37. BIN assets/img/mstile-144x144.png
  38. BIN assets/img/mstile-150x150.png
  39. BIN assets/img/mstile-310x150.png
  40. BIN assets/img/mstile-310x310.png
  41. BIN assets/img/mstile-70x70.png
  42. +9 −0 assets/js/kelyvin-ghost-theme.js
  43. +45 −0 assets/js/src/__init.coffee
  44. +28 −0 assets/js/src/cover.coffee
  45. +29 −0 assets/js/src/main.coffee
  46. +26 −0 assets/js/src/search.coffee
  47. +143 −0 assets/scss/components/_aside.scss
  48. +24 −0 assets/scss/components/_loading.scss
  49. +198 −0 assets/scss/components/_media-queries.scss
  50. +49 −0 assets/scss/components/_page-error.scss
  51. +11 −0 assets/scss/components/_pagination.scss
  52. +149 −0 assets/scss/components/_post.scss
  53. +65 −0 assets/scss/components/_search.scss
  54. +30 −0 assets/scss/kelyvin-ghost-theme.scss
  55. +63 −0 assets/scss/modules/_buttons.scss
  56. +197 −0 assets/scss/modules/_effects.scss
  57. +898 −0 assets/scss/modules/_fonts.scss
  58. +33 −0 assets/scss/modules/_forms.scss
  59. +277 −0 assets/scss/modules/_global.scss
  60. +65 −0 assets/scss/modules/_grid.scss
  61. +68 −0 assets/scss/modules/_mixins.scss
  62. +139 −0 assets/scss/modules/_reset.scss
  63. +67 −0 assets/scss/modules/_variables.scss
  64. +42 −0 bower.json
  65. +25 −0 default.hbs
  66. +37 −0 error.hbs
  67. +101 −0 gulpfile.coffee
  68. +17 −0 index.hbs
  69. +47 −0 package.json
  70. +16 −0 page-about.hbs
  71. +24 −0 partials/aside.hbs
  72. +12 −0 partials/comments.hbs
  73. +5 −0 partials/footer.hbs
  74. +11 −0 partials/google-analytics.hbs
  75. +34 −0 partials/meta.hbs
  76. +15 −0 partials/navigation.hbs
  77. +9 −0 partials/pagination.hbs
  78. +6 −0 partials/search.hbs
  79. +83 −0 partials/social.hbs
  80. +41 −0 post.hbs
  81. +25 −0 scripts/install.sh
  82. +19 −0 scripts/update.sh
  83. +11 −0 scripts/utils.sh
  84. +17 −0 tag.hbs
View
@@ -1,3 +1,6 @@
+# Other
+.DS_STORE
+
# Logs
logs
*.log
@@ -24,4 +27,12 @@ build/Release
# Dependency directory
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
-node_modules
+node_modules/
+bower_components/
+
+# Cache
+.sass-cache/
+
+# Assets
+assets/vendor
+assets/scss/bourbon
View
@@ -0,0 +1,186 @@
+# Development
+
+## Understanding scenario
+
+The code of the theme is divided in 3 main sections: static files (as HTML and images), CSS and JS. Check out the folders tree:
+
+```
+.
+├── LICENSE.md
+├── README.md
+├── assets
+│   ├── css
+│   │   └── kelyvin-ghost-theme.css # the production css
+│   ├── fonts
+│   ├── img # favicons and cover image
+│   ├── js
+│   │   ├── src
+│   │   │   ├── __init.coffee
+│   │   │   ├── cover.coffee
+│   │   │   ├── main.coffee
+│   │   │   └── search.coffee
+│   │   └── kelyvin-ghost-theme.js # the production js
+│   └── scss
+│   │ ├── components # specific stuff
+│   │ │   ├── _aside.scss
+│   │ │   ├── _loading.scss
+│   │ │   ├── _media-queries.scss
+│   │ │   ├── _page-error.scss
+│   │ │   ├── _pagination.scss
+│   │ │   ├── _post.scss
+│   │ │   └── _search.scss
+│   │ ├── modules # basic stuff
+│   │ │   ├── _buttons.scss
+│   │ │   ├── _effects.scss
+│   │ │   ├── _fonts.scss
+│   │ │   ├── _forms.scss
+│   │ │   ├── _global.scss
+│   │ │   ├── _grid.scss
+│   │ │   ├── _mixins.scss
+│   │ │   ├── _reset.scss
+│   │ │   └── _variables.scss
+│   │ └── kelyvin-ghost-theme.scss # main file to create the CSS
+| └── vendor # frontend dependencies
+├── bower.json
+├── default.hbs
+├── error.hbs
+├── gulpfile.coffee
+├── index.hbs
+├── node_modules
+├── package.json
+├── partials # different partials view
+│   ├── aside.hbs
+│   ├── comments.hbs
+│   ├── footer.hbs
+│   ├── google-analytics.hbs
+│   ├── links.hbs
+│   ├── meta.hbs
+│   ├── pagination.hbs
+│   ├── search.hbs
+│   └── social.hbs
+├── post.hbs
+└── tag.hbs
+```
+
+Putting the files in context:
+
+- The JS inside `assets/js/src` is compiled into `assets/js/kelyvin-ghost-theme.js`
+- The SCSS (we use [SASS](http://sass-lang.com/)) inside `assets/scss` is compiled into `assets/css/kelyvin-ghost-theme.css`
+- We have some static files like `post.hbs`, `tag.hbs`, `default.hbs`, `index.hbs`,... the partials views inside `assets/partials` is used in this views.
+
+For do it automatically and easily we use [Gulp](http://gulpjs.com/), check `gulpfile.coffee` for know how to we do it.
+
+## First Steps
+
+For local development you need to have a locally Ghost server, like this:
+
+```bash
+node index.js
+Migrations: Up to date at version 003
+Ghost is running in development...
+Listening on 127.0.0.1:2387
+Url configured as: http://127.0.0.1:2387
+Ctrl+C to shut down
+```
+
+Note that my local Ghost is running in the port `2387`.
+
+With your local Ghost running, open another terminal and enter in the folder `content/themes` of your local Ghost and clone the theme repository and install the dependencies for local development:
+
+```bash
+$ git clone https://github.com/kelyvin/kelyvin-ghost-theme && cd kelyvin-ghost-theme && npm install && bower install
+```
+
+Just run `gulp` command in the theme terminal. Now you have a development scenario, and looks like this:
+
+![](http://i.imgur.com/Gf4gPR2.png)
+
+With the `gulp` command you are automatically launching the task for compile the assets and reload the server when your assets change. For do it we uses [BrowserSync](http://www.browsersync.io) that is setup as middleware between the theme and the Ghost. You can connect different devices and try the responsive of the website as well.
+
+As the screenshot, you need to use for the proxying the same port as your Ghost server. If your Ghost server is in a different port than `2387` you need to modify `gulpfile.coffee` and put the correct port.
+
+## Customization
+
+### Google Analytics
+
+Go to Ghost Admin panel → `Code Injection``Blog Header` and add:
+
+```html
+<script>
+var ga_id = 'UA-YOUR_ID_HERE';
+</script>
+```
+
+### Comments
+
+Go to Ghost Admin panel → `Code Injection``Blog Header` and add:
+
+```html
+<script>
+var disqus_shortname = 'YOUR_DISQUS_SHORTCUT_HERE';
+</script>
+```
+
+### Sidebar title
+
+By default, the title that you see in the open page of your blog is extracted from your blog settings (Admin panel → Blog Title).
+
+If you want to customize it, you can do it:
+
+Go to Ghost Admin panel → `Code Injection``Blog Header` and add:
+
+```html
+<script>
+var profile_title = 'Kiko Beats';
+</script>
+```
+
+### Sidebar subtitle
+
+The purpose of the subtitle is resume the bio in a phrase. This will be shown in the mobile/tablet version instead of the bio.
+
+Go to Ghost Admin panel → `Code Injection``Blog Header` and add:
+
+```html
+<script>
+var profile_resume ='Software Engineer';
+</script>
+```
+
+### Colors
+
+Edit the file `assets/scss/modules/_variables.scss`. Remember that is necessary compile the build to load the new style, so keep running your gulp process in background.
+
+### Social Networks
+
+Edit the file `partials/social.hbs`.
+
+### Links
+
+Go to Ghost Admin panel → `Navigation` and add/edit items.
+
+"Blog" link is always included by default, so you don't need to add it manually.
+
+### Favicon
+
+Create your favicons with [Favicon Generator](http://realfavicongenerator.net/) and puts it in `assets/img`.
+
+### Cover
+
+Go to Ghost Admin panel → General → `Blog Cover`
+
+### Cover Filter
+
+The linear gradient of the cover filter is based in `$cover-primary` and `$cover-secondary` colors. If you want to adapt the filter for your cover, check [background-filter](https://github.com/kelyvin/kelyvin-ghost-theme/blob/master/assets/scss/modules/_mixins.scss#L11) mixin.
+
+### Custom static pages
+
+Check the [page part](http://themes.ghost.org/v0.6.4/docs/page-context) in the Ghost Official Documentation.
+
+### Multiaccount support
+
+You can enable the multiaccount support editing [posts.hbs](https://github.com/kelyvin/kelyvin-ghost-theme/blob/master/post.hbs#L11-L13) code commented inside the meta post information.
+
+## Preparing for production
+
+When you consider that the development is done and you want to deploy a new version, package your code using `gulp build` command, that minify and concatenate all necessary code.
View
4 LICENSE 100644 → 100755
@@ -17,6 +17,4 @@ 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.
-
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
View
@@ -0,0 +1,31 @@
+# Kelyvin Ghost Theme
+
+---
+
+## Introduction
+
+**Kelyvin** is a fork of [Uno-Zen for Ghost by Kikobeats v2.5.7](https://github.com/Kikobeats/uno-zen).
+
+## Installation
+
+Please ensure that `git` is installed on your machine.
+
+Enter the theme folder (`content/themes`) of your Ghost installation and paste the following command:
+
+```bash
+$ git clone https://github.com/kelyvin/kelyvin-ghost-theme
+```
+
+**NOTE:** This theme needs jQuery to works fine, but jQuery library is not provided by the theme. Instead, you need to inject from the `Blog Footer` in the `Code injection` of your Ghost installation:
+
+```html
+<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+```
+
+It should look like this:
+![](https://camo.githubusercontent.com/f600498109f9b8e7d15fadd28b51c75b1f585d0f/687474703a2f2f692e696d6775722e636f6d2f4b365a595933752e706e67)
+
+
+## Development and Customization
+
+See in [documentation](https://github.com/kelyvin/kelyvin-ghost-theme/blob/master/DOCUMENTATION.md).
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit fc12525

Please sign in to comment.