From 560e24d643a1f1e59b7a18de34a7a8876b2acd03 Mon Sep 17 00:00:00 2001 From: Jeffrey Phillips Freeman <jeffrey.freeman@syncleus.com> Date: Tue, 29 Nov 2016 17:26:57 -0500 Subject: [PATCH] fixed main page to be modular. --- source/index.html.haml | 33 +++++++++ source/index.html.md | 152 ---------------------------------------- source/layout.html.haml | 31 +------- 3 files changed, 34 insertions(+), 182 deletions(-) create mode 100644 source/index.html.haml delete mode 100644 source/index.html.md diff --git a/source/index.html.haml b/source/index.html.haml new file mode 100644 index 0000000..34e0623 --- /dev/null +++ b/source/index.html.haml @@ -0,0 +1,33 @@ +--- +title: Overview +--- +.section + .row + .col.s12.m8.offset-m2 + %br/ + %img#responsive-img{:src => "images/responsive.png"}/ + .row + %h3.col.s12.light.center.header Aparapi simplifies life for developers and reduces server costs. + / Promo Section + .row + .col.s12.m4 + .center.promo + %i.material-icons flash_on + %p.promo-caption Speeds up development + %p.light.center We did most of the heavy lifting for you to provide a framework capable of executing native Java code directly on the GPU. No more writing code twice, write once run anywhere. + .col.s12.m4 + .center.promo + %i.material-icons attach_money + %p.promo-caption Save Money on Servers + %p.light.center By utilizing the GPU to run your algorithms it is possible to acheive speedups hundreds of times that of a CPU alone. This can mean the difference between needing only a single server versus an entire data center. + .col.s12.m4 + .center.promo + %i.material-icons settings + %p.promo-caption Flexible + %p.light.center The full power and flexibility of OpenCL coding is fully exposed. All the low level calls as well as the ability to manipulate or post kernel files are still accessibleto developers. +.divider +.section + .row.center + %h3.light.header Aparapi Showcase + %p.col.s8.offset-s2.caption Checkout what people are creating with Aparapi. Get inspired by these projects and you can even submit your own projects to be showcased here. + %a.btn-large.waves-effect.waves-light{:href => "http://materializecss.com/showcase.html"} Explore our Showcase \ No newline at end of file diff --git a/source/index.html.md b/source/index.html.md deleted file mode 100644 index d9494b0..0000000 --- a/source/index.html.md +++ /dev/null @@ -1,152 +0,0 @@ ---- -title: Overview ---- - -<center> -  -</center> - -<center> - [**middleman-pattern-library**](https://github.com/danielbayerlein/middleman-pattern-library) - is a [Middleman 4.x](http://middlemanapp.com) project template for creating - and managing your front-end pattern library. -</center> - ---- - -### Introduction - -#### Folder structure - -Your patterns are located in the `source/patterns` folder. - -**For example:** - -``` - -source/patterns/ - components/ - alerts/ - default.html - link-color.html - progress/ - contextual-alternatives.html - default.html - striped.html - elements/ - buttons/ - default.html - disabled.html - outline.html - sizes.html - colors/ - color-palette.html - typography/ - blockquotes.html - customizing-headings.html - headings.html - inline-text-elements.html - lead.html -``` - -**Explanation:** - -``` - -elements/ <= Category - typography/ <= Subcategory - headings.html <= Pattern -``` - -#### Pattern format - -Each pattern has a `title`. The `description`, `show_code` and `use_source` is -optional. - -**For example `headings.html`:** - -```html - ---- -title: Headings -description: All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline. ---- - -<h1>Heading 1</h1> -<h2>Heading 2</h2> -<h3>Heading 3</h3> -<h4>Heading 4</h4> -<h5>Heading 5</h5> -<h6>Heading 6</h6> -``` - -#### Frontmatter - -Frontmatter allows page-specific variables to be included at the top of a -template using the JSON format. - -**For example:** - -``` - ---- -title: Lorem ipsum -description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do -iusmod tempor incididunt ut labore et dolore magna aliqua. -show_code: false -use_source: false ---- -``` - -**title:** The title of the page. - -**description:** The description of the page. - -**show_code:** If you set the value to `false`, the code is not displayed. - -**use_source:** If you set the value to `false`, your CSS will not load. - - -#### Assets - -Your JS is located at `source/javascripts/` - -``` - -source/javascripts - mpl/ <= JS for the middleman-pattern-library - base.js <= JS for your patterns -``` - -and your CSS is located at `source/stylesheets/` - -``` - -source/stylesheets/ - mpl/ <= CSS for the middleman-pattern-library - base.css <= CSS for your patterns, you can also use Sass. -``` - -### Building the site with `middleman build` - -Finally, when you are ready to deliver static code, you will need to build the -site. Using the command-line, from the project folder, run `middleman build`: - -```bash - -$ cd my_pattern_library -$ bundle exec middleman build -``` - -This will create a static file for each file located in your source folder. - -### OMG, I don't know what I should do! - -For help, see the official [Middleman](http://middlemanapp.com) website. -No success? Then create an [Issue](https://github.com/danielbayerlein/middleman-pattern-library/issues/new). - -### License - -[**middleman-pattern-library**](https://github.com/danielbayerlein/middleman-pattern-library) -is free and open source! The code is licensed under -[MIT](https://github.com/danielbayerlein/middleman-pattern-library/blob/master/LICENSE.md). diff --git a/source/layout.html.haml b/source/layout.html.haml index 0f85ce6..4e0eac5 100644 --- a/source/layout.html.haml +++ b/source/layout.html.haml @@ -92,36 +92,7 @@ %span.date %a#github-button.btn-flat.right.grey-text.text-lighten-5.waves-effect.waves-light.hide-on-small-only{:href => "https://github.com/Syncleus/aparapi"} Github .container - .section - .row - .col.s12.m8.offset-m2 - %br/ - %img#responsive-img{:src => "images/responsive.png"}/ - .row - %h3.col.s12.light.center.header Aparapi simplifies life for developers and reduces server costs. - / Promo Section - .row - .col.s12.m4 - .center.promo - %i.material-icons flash_on - %p.promo-caption Speeds up development - %p.light.center We did most of the heavy lifting for you to provide a framework capable of executing native Java code directly on the GPU. No more writing code twice, write once run anywhere. - .col.s12.m4 - .center.promo - %i.material-icons attach_money - %p.promo-caption Save Money on Servers - %p.light.center By utilizing the GPU to run your algorithms it is possible to acheive speedups hundreds of times that of a CPU alone. This can mean the difference between needing only a single server versus an entire data center. - .col.s12.m4 - .center.promo - %i.material-icons settings - %p.promo-caption Flexible - %p.light.center The full power and flexibility of OpenCL coding is fully exposed. All the low level calls as well as the ability to manipulate or post kernel files are still accessibleto developers. - .divider - .section - .row.center - %h3.light.header Aparapi Showcase - %p.col.s8.offset-s2.caption Checkout what people are creating with Aparapi. Get inspired by these projects and you can even submit your own projects to be showcased here. - %a.btn-large.waves-effect.waves-light{:href => "http://materializecss.com/showcase.html"} Explore our Showcase + = yield %footer.page-footer .container .row -- GitLab