Saved: 2018-03-08 11:50
Torey Heinz
committed Mar 08, 2018
commit cb8f38916dbb0def3cb118c37c692f91b6be95c1
Showing 15
changed files with
147 additions
and 113 deletions
app/content_types/images.yml
+1
-1
| @@ | @@ -52,7 +52,7 @@ fields: |
| - file: # The lowercase, underscored name of the field | |
| label: File # Human readable name of the field | |
| type: file | |
| - | required: false |
| + | required: true |
| hint: Explanatory text displayed in the back office | |
| localized: false | |
app/views/pages/about.liquid
+10
-0
| @@ | @@ -4,5 +4,15 @@ slug: about |
| listed: true | |
| published: true | |
| is_layout: false | |
| + | editable_elements: |
| + | "main/heading": "Meet Canvas Innovations" |
| + | "main/content": "<p>Although Canvas Innovations was founded not long ago, in June 2010, there is an extensive history of experience and knowledge associated with us. Chris Ritsema, founder and sole owner of Canvas Innovations, has been designing boat enclosures now for 30 years. Chris began his marine career in 1986 at a local company called Auto Top learning custom design with boat covers and enclosures. In 2005, after 19 years in the industry, Chris partnered with a co-worker where they started a canvas and upholstery shop, called The Nautical Needle. After five years of a partnership Chris made the decision to become the sole owner of what is now Canvas Innovations.</p> |
| + | <p>With 30 years experience directly related to the marine industry, Chris has designed many marine tops, boat enclosures, cockpit covers, dodgers, and much more. Let us bring his expertise to the table to help you design the top or cover you're looking for. </p> |
| + | <p>We offer an unlimited list of items for boats including tops, enclosures, dodgers, cockpit covers, mooring covers, bonded windows, glass replacements, carpeting, flooring, repairs, upholstery, and many other services. We not only specialize in custom work for your boating needs we offer services unrelated to the marine industry. We offer upholstery, golf cart enclosures, porch enclosures, curtains and drapery repairs and design, and furniture covers! All work is done in-house and when we occasionally sub work out, we utilize only local subcontractors in the Holland area.</p> |
| + | <p>We service the West Michigan area and although centrally located in Holland, Michigan we extend our services to a two-to-three hour commute from Chicago up to Ludington and Michigan City. We service most all local marinas in the Holland, Saugatuck, Douglas, South Haven, Muskegan, and Grand Haven areas and many others.</p> |
| + | <p>Along with years of knowledge and design experience our staff offers, we strive to learn more about the industry. We are accredited members of the Marine Fabricators Association and the Industrial Fabrics Association International. We attend regional and national trade shows to keep up with changing times offering you better products, services, and techniques.</p> |
| + | <p>We'd be delighted to offer you an estimate for your project. Several ways to do this is by email, phone, coming into our showroom, or completing out our web request form. Please try and include pictures of your boat for ALL estimates. Feel free to contact us at (616) 393-4400, email us at <a href=\"mailto:sales@canvasinnovations.us\">sales@canvasinnovations.us</a>, or stop in at our showroom.</p> |
| + | <p>Showroom office hours are Monday thru Friday 8:00 a.m. to 5:00 p.m. at 11276 East Lakewood Blvd., Holland, Michigan 49424. Thanks for visiting our site!</p> |
| + | " |
| --- | |
| {% extends 'layouts/page' %} | |
app/views/pages/index.liquid
+1
-1
| @@ | @@ -44,7 +44,7 @@ is_layout: false |
| <div class="card-divider"> | |
| <p class="lead"><a href="{% path_to service %}">{{ service.title }}</a></p> | |
| </div> | |
| - | <img src="{{ service.featured_image.url | resize: '400x225#' }}"> |
| + | <img src="{{ service.featured_image.url | resize: '400x300#' }}"> |
| <div class="card-section"> | |
| {{ service.brief }} | |
| </div> | |
app/views/pages/layouts/page.liquid
+2
-6
| @@ | @@ -8,15 +8,11 @@ is_layout: true |
| --- | |
| {% extends 'layouts/application' %} | |
| {% block 'main' %} | |
| - | <header class="service" data-background-url="{% editable_file 'banner', resize: '1200x400#' %}/images/header-bg.jpg{% endeditable_file %}"> |
| - | <div class="content row column text-center"> |
| - | |
| - | </div> |
| - | </header> |
| + | {% include 'page_header' %} |
| <section class="row page {{ page.slug }}"> | |
| <div class="column medium-8 small-centered"> | |
| <div class="callout"> | |
| - | <h1 class="text-center">{% editable_text "heading", line_break: false, format: 'raw', rows: 1 %}Heading{% endeditable_text %}</h1> |
| + | <h2 class="text-center">{% editable_text "heading", line_break: false, format: 'raw', rows: 1 %}Heading{% endeditable_text %}</h2> |
| {% editable_text content %}Lorem ipsum{% endeditable_text %} | |
| </div> | |
| </div> | |
app/views/pages/services/content_type_template.liquid
+2
-2
| @@ | @@ -8,7 +8,7 @@ content_type: services |
| {% endblock %} | |
| {% block main %} | |
| - | <header class="service" data-background-url="{{ service.featured_image.url | resize: '1200x400#' }}"> |
| + | <header class="service" data-background-url="{{ service.featured_image.url | resize: '1200x400#n' }}"> |
| <div class="content row column text-center"> | |
| <h1>{{ service.title }}</h1> | |
| </div> | |
| @@ | @@ -39,7 +39,7 @@ content_type: services |
| {% endblock %} | |
| {% block body_bottom %} | |
| - | <div id="blueimp-gallery" class="blueimp-gallery"> |
| + | <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> |
| <div class="slides"></div> | |
| <h3 class="title"></h3> | |
| <a class="prev">‹</a> | |
app/views/pages/testimonials.liquid
+13
-9
| @@ | @@ -4,23 +4,27 @@ slug: testimonials |
| listed: true | |
| published: true | |
| is_layout: false | |
| + | editable_elements: |
| + | "main/heading": "Join our List of Happy Customers!" |
| + | "main/content": "Our customers are the best, and we are honored to be able to serve them. " |
| --- | |
| {% extends 'layouts/page' %} | |
| {% block 'main' %} | |
| - | <header class="service" data-background-url="{% editable_file 'banner', resize: '1200x400#' %}/images/header-bg.jpg{% endeditable_file %}"> |
| - | <div class="content row column text-center"> |
| - | |
| - | </div> |
| - | </header> |
| + | {% include 'page_header' %} |
| <section class="row page {{ page.slug }}"> | |
| <div class="column medium-8 small-centered"> | |
| <div class="callout"> | |
| - | <h1 class="text-center">{% editable_text "heading", line_break: false, format: 'raw', rows: 1 %}Heading{% endeditable_text %}</h1> |
| - | {% editable_text content %}Lorem ipsum{% endeditable_text %} |
| - | <hr> |
| + | <h2 class="text-center">{% editable_text "heading", line_break: false, format: 'raw', rows: 1 %}Heading{% endeditable_text %}</h2> |
| + | <div class="text-center"> |
| + | {% editable_text content %}Lorem ipsum{% endeditable_text %} |
| + | <p class='thin'> |
| + | <a href="#" class="button"><strong>Add Your Feedback</strong></a> |
| + | </p> |
| + | </div> |
| + | <hr class="thin"> |
| {% assign testimonials = contents.testimonials.all | shuffle %} | |
| {% for testimonial in testimonials %} | |
| - | <p> |
| + | <p class="callout tan"> |
| {{ testimonial.content }}<br> | |
| -- <strong>{{ testimonial.who }}</strong> | |
| </p> | |
app/views/snippets/page_header.liquid
+5
-0
| @@ | @@ -0,0 +1,5 @@ |
| + | <header class="service" data-background-url="{% editable_file 'banner', resize: '1200x400#' %}/images/header-bg.jpg{% endeditable_file %}"> |
| + | <div class="content row column text-center"> |
| + | <h1>{{ page.title }}</h1> |
| + | </div> |
| + | </header> |
data/services.yml
+38
-43
| @@ | @@ -5,56 +5,51 @@ |
| description: "Nam molestiae ipsa non iure sint architecto doloribus. Odio non quisquam consectetur delectus natus. Magnam iure aliquid fuga sequi harum qui et. Consequuntur autem eligendi explicabo ratione." | |
| - "Boat Enclosures": | |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| + | brief: "Rain or Shine, Boat Enclosures let you decided what comes in and what stays out." |
| featured_image: /samples/000_0045.jpg # Path to a file in the public/samples folder or to a remote and external file. | |
| featured: true | |
| - | description: "Id vel expedita asperiores. Explicabo doloremque aliquid. Quod non itaque voluptate libero dicta. Aut quis impedit." |
| - | projects: [project-1, project-2, project-3] |
| + | description: "Canvas Innovations brings years of experience assuring a unique design and fit that you're looking for. When it comes to fitting your boat top or hardtop with an enclosure you want a tight fit and panels that come together without the classic “bird holes” in the corners! We take time to fit each panel so it looks like it was truly custom fit. With over 24 years experience we can offer designs that will make your new enclosure stand out. |
| + | Standard enclosures are fit to Bimini tops, Camper tops, Hardtops, Aluminum towers. |
| + | We also offer commercial enclosures for three season rooms or any application that needs covering." |
| - "Boat Flooring": | |
| - | brief: "Enim officia ipsa sunt. Officiis voluptatum doloribus." |
| - | featured_image: /samples/000_0039.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| + | brief: "Flooring that's easy to clean and even easier on the feet." |
| + | featured_image: /samples/100_0036.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| featured: true | |
| - | description: "Enim officia ipsa sunt. Officiis voluptatum doloribus. Error architecto asperiores ut voluptas veritatis. Velit doloribus saepe soluta aut." |
| - | |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0034.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| + | description: "Canvas Innovations offers all exterior and interior carpet installations. |
| + | For exterior applications we offer high quality marine grade carpets. Aqua-loc brand carpets are a pvc backed mat that range from 20 to 40oz pile and work best with exterior snap-in applications. |
| + | We can use your old carpet as a pattern or for that owner who wants a tight custom fit we can pattern it to fit around seating, pedestal mounts or whatever is necessary. Once the carpets are cut we have “in house” binding services to finish all edging. Finally we return the completed mat to the boat and install any needed snaps. |
| + | For interior applications we can do tear-outs and re-installations of most makes and models. Estimates available upon request." |
| + | |
| + | - "Upholstery": |
| + | brief: "There's nothing like a seat that feels just right and looks great too!" |
| + | featured_image: /samples/100_1309.jpg |
| featured: false | |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| - | |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0030.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| - | |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0028.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| - | |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0018.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| - | |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0019.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| + | description: "Canvas Innovations also offers expertise in all areas of upholstery. When it comes to pattern making we have over 30 years combined experience with our staff. We can recover your old boat upholstery or re-design it. |
| + | If you have a new project in mind we can create brand new designs as well. We can build the wood frame and cut the foam to size and then make the patterns for new covers. Give us a call to coordinate your next project." |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0026.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| + | - "Boat Tops": |
| + | brief: "Stay on the water longer with a custom boat top." |
| + | featured_image: /samples/100_0967.jpg |
| + | featured: false |
| + | description: "Canvas Innovations is a custom shop that offers many styles of boat tops. Each top is designed on an individual basis and custom fit to your boat. Top requirements are individually determined. Heights and lengths are specific to each boats style and the customers needs. We take the time to listen and give the best advise to meet those needs. |
| + | Traditional tops include: Bimini tops, Convertible tops, Camper tops, Skin tops, Sunshades. |
| + | For the Sail boaters we offer Custom Dodgers tops and Bimini’s as well as Filler panels between the Dodger and Bimini tops. |
| + | Skin tops are another style top we offer which gives you the look of a hardtop without the great expense. Since we custom fit all our tops you have the ability to request the overall design." |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/100_1304.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| - | - "Sample 4": |
| - | brief: "Id vel expedita asperiores. Explicabo doloremque aliquid." |
| - | featured_image: /samples/000_0045.jpg # Path to a file in the public/samples folder or to a remote and external file. |
| - | description: "Suscipit ab sed commodi. Ducimus impedit unde quia alias. Aperiam hic est laudantium cumque accusamus. Qui rerum doloremque aut quas enim laborum." |
| + | - "Boat Covers": |
| + | brief: "Keep your boat protect and ready to head back onto the water." |
| + | featured_image: /samples/P5250363.JPG |
| + | featured: false |
| + | description: "Canvas Innovations specializes in giving you that “Custom” fit. When it comes to covering your boat every application is different. Boats have different style windshields and come in many shapes and sizes. If your boat has special rigging or just has that unique design that requires special attention we have the experience to bring it together. |
| + | Keeping your cockpit dry helps preserve your upholstery from the rain and the harmful UV rays the sunshine brings. |
| + | Traditional Cover Styles include: Cockpit covers, Bow covers, Mooring covers, Travel covers." |
| + | - "Boat Covers": |
| + | brief: "Boat Covers" |
| + | featured_image: /samples/P5250363.JPG |
| + | featured: false |
| + | description: "Canvas Innovations specializes in giving you that “Custom” fit. When it comes to covering your boat every application is different. Boats have different style windshields and come in many shapes and sizes. If your boat has special rigging or just has that unique design that requires special attention we have the experience to bring it together. |
| + | Keeping your cockpit dry helps preserve your upholstery from the rain and the harmful UV rays the sunshine brings. |
| + | Traditional Cover Styles include: Cockpit covers, Bow covers, Mooring covers, Travel covers." |
public/samples/100_0036.jpg
+0
-0
public/samples/100_0967.jpg
+0
-0
public/samples/100_1309.jpg
+0
-0
public/samples/P5250363.JPG
+0
-0
public/stylesheets/_header.scss
+40
-0
| @@ | @@ -0,0 +1,40 @@ |
| + | header { |
| + | position: relative; |
| + | background: image-url('/images/header-bg.jpg') no-repeat center top; |
| + | -webkit-background-size: cover; |
| + | -moz-background-size: cover; |
| + | -o-background-size: cover; |
| + | background-size: cover; |
| + | |
| + | color: $white; |
| + | |
| + | h1 { |
| + | text-transform: uppercase; |
| + | } |
| + | |
| + | |
| + | @include breakpoint(small) { |
| + | height: rem-calc(200); |
| + | h1 { |
| + | font-size: rem-calc(30); |
| + | } |
| + | } |
| + | |
| + | @include breakpoint(large) { |
| + | height: rem-calc(400); |
| + | h1 { |
| + | font-size: rem-calc(60); |
| + | } |
| + | } |
| + | |
| + | &.service .content { |
| + | // background: $primary-color; |
| + | background: rgba(00, 93, 122, 0.95); |
| + | |
| + | @include breakpoint(large) { |
| + | h1 { |
| + | font-size: rem-calc(40); |
| + | } |
| + | } |
| + | } |
| + | } |
public/stylesheets/_settings.scss
+17
-8
| @@ | @@ -68,20 +68,29 @@ |
| $global-font-size: 100%; | |
| $global-width: rem-calc(1200); | |
| $global-lineheight: 1.5; | |
| + | $blue: #005D7A; |
| $light-blue: #aedbe2; | |
| - | $dark-blue: #005D7A; |
| - | $foundation-palette: ( |
| - | primary: $dark-blue, |
| - | secondary: #AC3111, |
| - | success: #3adb76, |
| - | warning: #ffae00, |
| - | alert: #cc4b37, |
| - | ); |
| + | $orange: #7A3C19; |
| + | $light-orange: lighten( $orange, 40% ); |
| + | $green: #347A29; |
| $light-gray: #e6e6e6; | |
| $medium-gray: #cacaca; | |
| $dark-gray: #8a8a8a; | |
| $black: #0a0a0a; | |
| $white: #fefefe; | |
| + | $tan: #A18362; |
| + | $foundation-palette: ( |
| + | primary: $blue, |
| + | secondary: $orange, |
| + | success: $green, |
| + | warning: #ffae00, |
| + | alert: #cc4b37, |
| + | light-gray: $light-gray, |
| + | medium-gray: $medium-gray, |
| + | dark-gray: $dark-gray, |
| + | light-orange: $light-orange, |
| + | tan: $tan, |
| + | ); |
| $body-background: $white; | |
| $body-font-color: $black; | |
| $body-font-family: Roboto, Arial, sans-serif; | |
public/stylesheets/app.scss
+18
-43
| @@ | @@ -51,67 +51,42 @@ |
| @import 'footer'; | |
| @import "services"; | |
| + | @import "header"; |
| body, html { | |
| height: 100%; | |
| background: $white; | |
| } | |
| - | header { |
| - | position: relative; |
| - | background: image-url('/images/header-bg.jpg') no-repeat center center; |
| - | -webkit-background-size: cover; |
| - | -moz-background-size: cover; |
| - | -o-background-size: cover; |
| - | background-size: cover; |
| - | |
| - | color: $white; |
| - | |
| - | h1 { |
| - | text-transform: uppercase; |
| - | } |
| - | |
| - | |
| - | @include breakpoint(small) { |
| - | height: rem-calc(200); |
| - | h1 { |
| - | font-size: rem-calc(30); |
| - | } |
| - | } |
| - | |
| - | @include breakpoint(large) { |
| - | height: rem-calc(400); |
| - | h1 { |
| - | font-size: rem-calc(60); |
| - | } |
| - | } |
| - | |
| - | &.service .content { |
| - | // background: $primary-color; |
| - | background: rgba(00, 93, 122, 0.95); |
| - | |
| - | @include breakpoint(large) { |
| - | h1 { |
| - | font-size: rem-calc(40); |
| - | } |
| - | } |
| - | } |
| - | } |
| - | |
| section.page { | |
| padding-top: 1rem; | |
| - | h1 { |
| - | font-size: rem-calc(20); |
| + | h2 { |
| + | font-size: rem-calc(24); |
| font-weight: bold; | |
| } | |
| } | |
| + | .services .card .card-section { |
| + | width: 100%; |
| + | } |
| + | |
| .lead { | |
| font-family: $header-font-family; | |
| } | |
| + | p.thin { |
| + | margin-bottom: 0; |
| + | .button { |
| + | margin-bottom: 0; |
| + | } |
| + | } |
| + | |
| + | hr.thin { |
| + | margin: 0.5rem auto; |
| + | } |
| + | |
| // .content { | |
| // background-color: $light-gray; | |
| // } | |