RubyGems - rails_app_generator - Versions diffs - 0.2.3 → 0.2.6 - Mend

rails_app_generator 0.2.3 → 0.2.6

Files changed (72) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ae97bb31a180dfc073aae1492fd1da10ad392d906ce5912a8ae50840cd1b65b9
-  data.tar.gz: fa9bbe29a263dec0e61ea7bbdbbfc361f16e3eb36d30e389364d3106c375920f
+  metadata.gz: 741a7b8a1f24f5287e02fffadea46a97f383e52598674edaf12741d16ff3d402
+  data.tar.gz: c22870121507421a70589f0f43e17c39b8bf309b97674aae80a425022e1490d9
 SHA512:
-  metadata.gz: 74757b083c9a9aa1fbc1a66ef3646781237f9f2b09b39beb829a66480082df4ac53f2f63fc0c24687914d1737847a9ec95221db6a60e04b4c160f4174a64c433
-  data.tar.gz: 9ad5c9b38e11cdf2ccfb633c141412b2ee610ea0c3ea42dc52e238cc65c5363d024798ab495a61142fca05ece2a0ee56dec87f2ea3de37151daa889c3253ab91
+  metadata.gz: d778c940bc53520709050b3c34d2aae1e083a2bc450c03fbcd288b67b21fcf24fa4b50e0b0c680b848c9cb0b0c7ccd24c26f8b65e6ff36843a4aff1505d7d1f2
+  data.tar.gz: '099224eea8b76be2fe7dcfb49aa60200a8c85b0525508372ec24818901547200fc720fcffdd37d3c7e973cd2353238b24d42e20d271fbfb7486e5aaeb3c04712'

data/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,25 @@
+## [0.2.5](https://github.com/klueless-io/rails_app_generator/compare/v0.2.4...v0.2.5) (2022-08-10)
+### Bug Fixes
+* add public_suffix addon ([dce30f3](https://github.com/klueless-io/rails_app_generator/commit/dce30f3d3a479ca41ab7c60deef59f9d19d2ce13))
+## [0.2.4](https://github.com/klueless-io/rails_app_generator/compare/v0.2.3...v0.2.4) (2022-08-10)
+### Bug Fixes
+* add lograge addon ([e980bb2](https://github.com/klueless-io/rails_app_generator/commit/e980bb2ccf46a33aba755c0370a9ae263e820256))
+* cops ([cce097d](https://github.com/klueless-io/rails_app_generator/commit/cce097d61da2a5d8a3d1c335a08820cacb1936f4))
+## [0.2.3](https://github.com/klueless-io/rails_app_generator/compare/v0.2.2...v0.2.3) (2022-08-09)
+### Bug Fixes
+* add profile - rubocop ([1c30098](https://github.com/klueless-io/rails_app_generator/commit/1c30098ea0abee370aba96f3f7db6748ebdbccd4))
 ## [0.2.2](https://github.com/klueless-io/rails_app_generator/compare/v0.2.1...v0.2.2) (2022-08-09)

data/after_templates/addons/lograge/_.rb ADDED Viewed

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+# Tame Rails multi-line logging into a single line per request
+#
+# exe/rag addons/lograge
+self.local_template_path = File.dirname(__FILE__)
+gac 'base rails 7 image created'
+bundle_install
+add_controller('home', 'index')
+route("root 'home#index'")
+force_copy
+directory "app/controllers"
+directory "app/views/home"
+directory "app/views/layouts"
+template  'app/views/layouts/application.html.erb'        , 'app/views/layouts/application.html.erb'

data/after_templates/addons/lograge/app/controllers/home_controller.rb ADDED Viewed

@@ -0,0 +1,9 @@
+class HomeController < ApplicationController
+  def index
+    logger.debug("I'm a debug log")
+    logger.info("I'm an info log")
+    logger.warn("I'm a warn log")
+    logger.error("I'm an error log: error message")
+    logger.fatal("I'm a fatal log")
+  end
+end

data/after_templates/addons/lograge/app/views/home/index.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<style>
+.alert { color: red; }
+.notice { color: green; }
+</style>
+<% flash.each do |type, msg| %><div class="<%= type %>"><%= msg %></div><% end %>
+<% if flash.any? %><hr /><% end %>
+<h1>Lograge</h1>
+<h2>Tame Rails' multi-line logging into a single line per request</h2>

data/after_templates/addons/lograge/app/views/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= camelized %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%%= csrf_meta_tags %>
+    <%%= csp_meta_tag %>
+    <%- if options[:skip_hotwire] || options[:skip_javascript] -%>
+    <%%= stylesheet_link_tag "application" %>
+    <%- else -%>
+    <%%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%- end -%>
+  </head>
+  <body>
+    <main>
+      <%%= yield %>
+    </main>
+  </body>
+</html>

data/after_templates/addons/phony_rails/_.rb ADDED Viewed

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+# This Gem adds useful methods to your Rails app to validate, display and save phone numbers.
+#
+# exe/rag addons/phony_rails
+self.local_template_path = File.dirname(__FILE__)
+gac 'base rails 7 image created'
+bundle_install
+add_controller('home', 'index')
+route("root 'home#index'")
+force_copy
+directory "app/controllers"
+directory "app/views/home"
+directory "app/views/layouts"
+template  'app/views/layouts/application.html.erb'        , 'app/views/layouts/application.html.erb'
+template  'db/seeds.rb'                                   , 'db/seeds.rb'
+after_bundle do
+  setup_db
+end
+def setup_db
+  # add_scaffold('post', 'title', 'body:text')
+  # add_scaffold('people', 'first_name', 'last_name', 'age:integer', 'address:text')
+  # add_scaffold('product', 'name', 'price:integer')
+  # db_migrate
+end
+# Other template command examples
+# bundle_install
+# css_install('tailwind')
+# rails_command('db:migrate')
+# rails_command('db:migrate')
+# bundle_add('hotwire-rails')
+# rails_command('hotwire:install')
+# run('bin/importmap pin sortablejs')
+# run('npm install daisyui')
+# rubocop
+#
+# directory         'app/assets/images'
+# create_file       'app/assets/stylesheets/custom-bootstrap-import.scss' , read_template('custom-bootstrap-import.scss')
+# append_to_file    'app/assets/config/manifest.js'                       , read_template('manifest.js')
+# insert_into_file  'app/views/layouts/application.html.erb', read_template('application.html.erb'),
+#     before: %(    <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>)
+# gsub_file         'app/views/layouts/application.html.erb', %(container mx-auto mt-28 px-5 flex), 'container mx-auto px-5'
+# template 'home.css', 'app/assets/stylesheets/home.css'
+#
+# add_controller('page', 'benefits', 'faq', 'terms', 'privacy', '--skip-routes')
+# route(<<-'RUBY')
+# PageController.action_methods.each do |action|
+#   get "/#{action}", to: "page##{action}", as: "page_#{action}"
+# end
+# RUBY

data/after_templates/addons/phony_rails/app/controllers/home_controller.rb ADDED Viewed

@@ -0,0 +1,7 @@
+class HomeController < ApplicationController
+  def index
+  end
+  def some_action
+  end
+end

data/after_templates/addons/phony_rails/app/views/home/index.html.erb ADDED Viewed

@@ -0,0 +1,46 @@
+<style>
+.alert { color: red; }
+.notice { color: green; }
+</style>
+<% flash.each do |type, msg| %><div class="<%= type %>"><%= msg %></div><% end %>
+<% if flash.any? %><hr /><% end %>
+<h1>Phony rails</h1>
+<h2>This Gem adds useful methods to your Rails app to validate, display and save phone numbers.</h2>
+<hr />
+<pre>
+<code>
+PhonyRails.normalize_number('0211112222', country_code: 'AU')
+PhonyRails.normalize_number('0424001122', country_code: 'AU')
+PhonyRails.normalize_number('+4790909090', default_country_code: 'SE')
+</code>
+</pre>
+<pre>
+<code>
+<%= PhonyRails.normalize_number('0211112222', country_code: 'AU') %>
+<%= PhonyRails.normalize_number('0424001122', country_code: 'AU') %>
+<%= PhonyRails.normalize_number('+61424001122', default_country_code: 'AU') %>
+</code>
+</pre>
+<hr />
+<pre>
+<code>
+"311012341234".phony_formatted(format: :international, spaces: '-')
+"+31-10-12341234".phony_formatted(format: :international, spaces: '-')
+"+31(0)012341234".phony_formatted(format: :international, spaces: '-')
+</code>
+</pre>
+<pre>
+<code>
+<%= "311012341234".phony_formatted(format: :international, spaces: '-') %>
+<%= "+31-10-12341234".phony_formatted(format: :international, spaces: '-') %>
+<%= "+31(0)012341234".phony_formatted(format: :international, spaces: '-') %></code>
+</pre>

data/after_templates/addons/phony_rails/app/views/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= camelized %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%%= csrf_meta_tags %>
+    <%%= csp_meta_tag %>
+    <%- if options[:skip_hotwire] || options[:skip_javascript] -%>
+    <%%= stylesheet_link_tag "application" %>
+    <%- else -%>
+    <%%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%- end -%>
+  </head>
+  <body>
+    <%%= yield %>
+  </body>
+</html>

data/after_templates/addons/phony_rails/db/seeds.rb ADDED Viewed

@@ -0,0 +1,16 @@
+# This file should contain all the record creation needed to seed the database with its default values.
+# The data can then be loaded with the bin/rails db:seed command (or created alongside the database with db:setup).
+#
+# User.find_or_create_by(email: "admin@admin.com") do |user|
+#   user.name = 'Admin'
+#   user.password = 'password'
+#   user.admin = true
+# end
+# david = User.create(email: 'david@site.com', name: 'david', password: 'password')
+# bob   = User.create(email: 'bob@site.com', name: 'bob', password: 'password')
+# lisa  = User.create(email: 'lisa@site.com', name: 'lisa', password: 'password')
+# 10.times do |i|
+#   Post.create(title: "Post #{i}", body: "This is the body of post #{i}", user: User.all.sample)
+# end

data/after_templates/addons/public_suffix/_.rb ADDED Viewed

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+# PublicSuffix can parse and decompose a domain name into top level domain, domain and subdomains.
+#
+# exe/rag addons/public_suffix
+self.local_template_path = File.dirname(__FILE__)
+gac 'base rails 7 image created'
+bundle_install
+add_controller('home', 'index')
+route("root 'home#index'")
+force_copy
+directory "app/controllers"
+directory "app/views/home"
+directory "app/views/layouts"
+template  'app/views/layouts/application.html.erb'        , 'app/views/layouts/application.html.erb'

data/after_templates/addons/public_suffix/app/controllers/home_controller.rb ADDED Viewed

@@ -0,0 +1,7 @@
+class HomeController < ApplicationController
+  def index
+  end
+  def some_action
+  end
+end

data/after_templates/addons/public_suffix/app/views/home/index.html.erb ADDED Viewed

@@ -0,0 +1,29 @@
+<h1>Public suffix</h1>
+<h2>PublicSuffix can parse and decompose a domain name into top level domain, domain and subdomains.</h2>
+<hr />
+<p>PublicSuffix.domain("<b>KlueLess.io</b>")</p>
+<code><%= PublicSuffix.domain("KlueLess.io") %></code>
+<br><br>
+<p>PublicSuffix.domain("<b>AppyDave.com</b>")</p>
+<code><%= PublicSuffix.domain("AppyDave.com") %></code>
+<br><br>
+<p>PublicSuffix.domain("<b>www.google.com</b>")</p>
+<code><%= PublicSuffix.domain("www.google.com") %></code>
+<br><br>
+<p>PublicSuffix.domain("<b>www.google.co.uk</b>")</p>
+<code><%= PublicSuffix.domain("www.google.co.uk") %></code>
+<br><br>
+<hr />
+<p>domain = PublicSuffix.parse("<b>www.google.com</b>")</p>
+<% domain = PublicSuffix.parse("www.google.com") %>
+<p>tld: <code><b><%= domain.tld %></b></code>
+<p>sld: <code><b><%= domain.sld %></b></code>
+<p>trd: <code><b><%= domain.trd %></b></code>
+<p>domain: <code><b><%= domain.domain %></b></code>
+<p>subdomain: <code><b><%= domain.subdomain %></b></code>

data/after_templates/addons/public_suffix/app/views/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= camelized %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%%= csrf_meta_tags %>
+    <%%= csp_meta_tag %>
+    <%- if options[:skip_hotwire] || options[:skip_javascript] -%>
+    <%%= stylesheet_link_tag "application" %>
+    <%- else -%>
+    <%%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%- end -%>
+    <style>
+    .alert { color: red; }
+    .notice { color: green; }
+    </style>
+  </head>
+  <body>
+    <%%= yield %>
+  </body>
+</html>

data/after_templates/application/printspeak/_.rb CHANGED Viewed

@@ -9,28 +9,36 @@ self.local_template_path = File.dirname(__FILE__)
 gac 'base rails 7 image created'
 add_controller('home', 'index')
-add_controller('page', 'blog', 'readme', 'about', 'contact', 'faq', 'terms', 'privacy')
+add_controller('page', 'benefits', 'faq', 'terms', 'privacy', '--skip-routes')
 route("root 'home#index'")
+route(<<-'RUBY')
+PageController.action_methods.each do |action|
+  get "/#{action}", to: "page##{action}", as: "page_#{action}"
+end
+RUBY
-force_copy
-copy_file 'app/controllers/home_controller.rb'            , 'app/controllers/home_controller.rb'
-copy_file 'app/views/home/index.html.erb'                 , 'app/views/home/index.html.erb'
-copy_file 'app/views/layouts/_alerts.html.erb'            , 'app/views/layouts/_alerts.html.erb'
-copy_file 'app/views/layouts/_navbar.html.erb'            , 'app/views/layouts/_navbar.html.erb'
-copy_file 'app/views/layouts/_footer.html.erb'            , 'app/views/layouts/_footer.html.erb'
-template  'app/views/layouts/application.html.erb'        , 'app/views/layouts/application.html.erb'
+after_bundle do
+  customizations
+  setup_db
+  rubocop
+end
-template  'db/seeds.rb'                                   , 'db/seeds.rb'
+def customizations
+  force_copy
-after_bundle do
   directory "app/assets/images"
   directory "app/assets/stylesheets"
+  directory "app/controllers"
+  directory "app/views/home"
   directory "app/views/page"
-  setup_db
+  directory "app/views/layouts"
+  template  'app/views/layouts/application.html.erb'        , 'app/views/layouts/application.html.erb'
+  template  'db/seeds.rb'                                   , 'db/seeds.rb'
 end
 def setup_db
@@ -39,17 +47,3 @@ def setup_db
   db_migrate
 end
-# Other template command examples
-# css_install('tailwind')
-# rails_command('db:migrate')
-# bundle_add('hotwire-rails')
-# rails_command('hotwire:install')
-# run('bin/importmap pin sortablejs')
-# run('npm install daisyui')
-# create_file       'app/assets/stylesheets/custom-bootstrap-import.scss' , read_template('custom-bootstrap-import.scss')
-# append_to_file    'app/assets/config/manifest.js'                       , read_template('manifest.js')
-# insert_into_file  'app/views/layouts/application.html.erb', read_template('application.html.erb'),
-#     before: %(    <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>)
-# gsub_file         'app/views/layouts/application.html.erb', %(container mx-auto mt-28 px-5 flex), 'container mx-auto px-5'
-# template 'home.css', 'app/assets/stylesheets/home.css'

data/after_templates/application/printspeak/app/assets/stylesheets/application.bootstrap.scss CHANGED Viewed

@@ -1,3 +1,3 @@
 @import 'bootstrap/scss/bootstrap';
 @import 'bootstrap-icons/font/bootstrap-icons';
-@import 'home/styles.scss'
+@import 'page/styles.scss'

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/_global.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/_variables.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/components/_buttons.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/components/_navbar.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_contact.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_footer.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_masthead.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/page/sections/_pagehead.scss ADDED Viewed

@@ -0,0 +1,52 @@
+//
+// pagehead section styling
+//
+header.pagehead {
+    padding-top: 6rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: $white;
+    background-image: url("header-bg.jpg");
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+    background-position: center center;
+    background-size: cover;
+    .pagehead-subheading {
+        font-size: 1.5rem;
+        font-style: italic;
+        line-height: 1.5rem;
+        margin-bottom: 25px;
+        font-family: $subheadings-font-family;
+    }
+    .pagehead-heading {
+        font-size: 3.25rem;
+        font-weight: 700;
+        line-height: 3.25rem;
+        margin-bottom: 2rem;
+        font-family: $headings-font-family;
+    }
+}
+@include media-breakpoint-up(md) {
+    header.pagehead {
+        padding-top: 6rem;
+        padding-bottom: 2rem;
+        .pagehead-subheading {
+            font-size: 2.25rem;
+            font-style: italic;
+            line-height: 2.25rem;
+            margin-bottom: 2rem;
+        }
+        .pagehead-heading {
+            font-size: 4.5rem;
+            font-weight: 700;
+            line-height: 4.5rem;
+            margin-bottom: 4rem;
+        }
+    }
+}

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_portfolio.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_team.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/sections/_timeline.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/styles.scss RENAMED Viewed

@@ -17,6 +17,7 @@
 // Sections
 @import "./sections/masthead.scss";
+@import "./sections/pagehead.scss";
 @import "./sections/portfolio.scss";
 @import "./sections/timeline.scss";
 @import "./sections/team.scss";

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/variables/_colors.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/assets/stylesheets/{home → page}/variables/_typography.scss RENAMED Viewed

File without changes

data/after_templates/application/printspeak/app/controllers/application_controller.rb ADDED Viewed

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+class ApplicationController < ActionController::Base
+  # Don't expose any of these methods as action_methods
+  protected
+  def navbar_partial(partial = nil)
+    @partial_navbar = partial if partial
+    return @partial_navbar if defined? @partial_navbar
+    @partial_navbar = 'layouts/navbar'
+  end
+  helper_method :navbar_partial
+  def footer_partial(partial = nil)
+    @partial_footer = partial if partial
+    return @partial_footer if defined? @partial_footer
+    @partial_footer = 'layouts/footer'
+  end
+  helper_method :footer_partial
+  # Useful for scripts that go just before </head>
+  def head_partial(partial = nil)
+    @partial_head = partial if partial
+    return @partial_head if defined? @partial_head
+    @partial_head = 'layouts/head'
+  end
+  helper_method :head_partial
+  # Useful for scripts that go just before </body>
+  def body_end_partial(partial = nil)
+    @partial_body_end = partial if partial
+    return @partial_body_end if defined? @partial_body_end
+    @partial_body_end = 'layouts/body_end'
+  end
+  helper_method :body_end_partial
+end

data/after_templates/application/printspeak/app/controllers/home_controller.rb CHANGED Viewed

@@ -1,7 +1,7 @@
 class HomeController < ApplicationController
-  def index
-  end
+  before_action { navbar_partial('navbar') }
+  before_action { body_end_partial('body_end') }
-  def some_action
+  def index
   end
 end

data/after_templates/application/printspeak/app/controllers/page_controller.rb ADDED Viewed

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+class PageController < ApplicationController
+  before_action { navbar_partial('navbar') }
+  def benefits; end
+  def faq; end
+  def terms; end
+  def privacy; end
+end

data/after_templates/application/printspeak/app/views/home/_body_end.html.erb ADDED Viewed

@@ -0,0 +1,45 @@
+<script>
+window.addEventListener('DOMContentLoaded', event => {
+  // Navbar shrink function
+  var navbarShrink = function () {
+    const navbarCollapsible = document.body.querySelector('#mainNav');
+    if (!navbarCollapsible) {
+      return;
+    }
+    if (window.scrollY === 0) {
+      navbarCollapsible.classList.remove('navbar-shrink')
+    } else {
+      navbarCollapsible.classList.add('navbar-shrink')
+    }
+  };
+  // Shrink the navbar
+  navbarShrink();
+  // Shrink the navbar when page is scrolled
+  document.addEventListener('scroll', navbarShrink);
+  // Activate Bootstrap scrollspy on the main nav element
+  const mainNav = document.body.querySelector('#mainNav');
+  if (mainNav) {
+    new bootstrap.ScrollSpy(document.body, {
+      target: '#mainNav',
+      offset: 74,
+    });
+  };
+  // Collapse responsive navbar when toggler is visible
+  const navbarToggler = document.body.querySelector('.navbar-toggler');
+  const responsiveNavItems = [].slice.call(
+    document.querySelectorAll('#navbarResponsive .nav-link')
+  );
+  responsiveNavItems.map(function (responsiveNavItem) {
+    responsiveNavItem.addEventListener('click', () => {
+      if (window.getComputedStyle(navbarToggler).display !== 'none') {
+        navbarToggler.click();
+      }
+    });
+  });
+});
+</script>

data/after_templates/application/printspeak/app/views/home/_navbar.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
+  <div class="container"><a class="navbar-brand" href="#page-top"><%= image_tag "printspeak-logo.svg", alt: "..." %></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ms-1"></i></button>
+    <div class="collapse navbar-collapse" id="navbarResponsive">
+      <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
+        <li class="nav-item"><%= link_to 'Home', root_path, class: "nav-link" %></li>
+        <li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
+        <li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
+        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+        <li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
+        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
+      </ul>
+    </div>
+  </div>
+</nav><!-- Masthead-->