Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Here is the current render..

The index.html does not currently scroll to show the rest of the footer and the 2nd Aside. In Firefox v100 - v103, only the top 3/4 of the page shows when on desktop (x64 Linux).

It does not scroll either in the latest Chrome for Desktop (Linux - Debian 11)

Expected Behavior

Desktop view should scroll if there is anything below the current view.

Steps to Reproduce

Test in localhost preview using a live preview extension.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

There is not enough contrast between the navbar and body when in Dark Mode. You can barely tell where the bottom of the nav bar is

Expected Behavior

More contrast.

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Looking through the current styles.css file it is very heavy and not very well organized.

Sort the CSS by using commented section headers in the CSS using /* */ i.e;

/* Body */

body {
  background: #blue;
},

/* Header */

header {
  color: #blue;
}

Thinking about this, Bootstrap 5.2 CDN sends out SCSS files so it might be handy to just convert the css to SCSS instead.

This is a more advanced task but not impossible.

Expected Behavior

Better CSS

Steps to Reproduce

Try it.

Update any out of date CDN's and make sure that the following are included.

• Bootstrap
• Fontawesome
• jQuery
• Popper // PopperJS
• Google Fonts

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

• Does not set a theme color for the address bar.
• Failures: No manifest was fetched, No <meta name="theme-color"> tag found.
• Add a tag
• Add a apple-touch-icon

Expected Behavior

Make the site more PWA-like

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

For Google Search to work inside the search bar..

I don't know what it would take to get it to only search the page/site itself.

    document.getElementById('frmSearch').onsubmit = function() {
        window.location = 'http://www.google.com/search?q=site:yoursitename.com ' + document.getElementById('txtSearch').value;
        return false;
    }

Expected Behavior

Actually working search bar!

Steps to Reproduce

Try it!

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Clicking on the switch (hard to find/see) in light mode, does a really wierd 45deg'ish slide.

The switch and the label also are not in close proximity and also is interfering with the search bar field.

Expected Behavior

Working

Steps to Reproduce

Try it

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Dark mode / theme does not persist once toggled on.

Noticed this when on Contact page (contact.html). Clicked on the Contact item in the NavBar. Theme changed back to Light from Dark without having to toggle.

I assume you can persist the theme state. This might require a theme.js controller.

Expected Behavior

Persistent Dark mode or Light mode till user turns the feature on or off and changing pages does not change theme mode.

Theme should not change between pages, in other words, the mode should not turn off till the user toggles the theme switch.

Steps to Reproduce

• Navigate to /contact.html
• Click on the dark mode toggle to toggle Dark theme.
• Click on the Contact in the NavBar.

Notice that now the dark mode turns off.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

• Bootstrap CDN needs updated in this capabilities
• CDN's come from two different sources. Use the same CDN source.
• CDN for Bootstrap and jQuery is not loading due to MIME type blocking
• PopperJS problem?
• Make the theme switch the same as the one on index.html thus fixing the errant switch.

This page has no content, add containers and cards for

• Services (card with a list of services)
• Materials (bullet point lists are great in this panel)
• Industries (bullet point lists and text, 300 characters max)
• Equipment (a container or card with a carousel with 5-6 pic frames)

Expected Behavior

• Updated CDN's that are from the same source.. not jsdlvr AND cloudflare.
• Some content, even if it is working stubs that can be filled in // lorem ipsum

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

I would suggest using for the background {between the header and footer} one of these:

https://www.google.com/search?q=brush+finish+metal+backround

so as long as the image is not copyrighted.

Describe the Use Case

Website background.

Describe Preferred Solution

No response

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Add a Bootstrap 5.2 & FontAwesome 6.1.2 Toggle Button

Possibly use:

and a bootstrap bg-dark & bg-light class

Describe the Use Case

Switch the page theme to dark or light

Describe Preferred Solution

No response

Describe Alternatives

Or something like:

https://stackoverflow.com/questions/50840168/how-to-detect-if-the-os-is-in-dark-mode-in-browsers

Related Code

From the answer in the above link:

/* Light mode */
@media (prefers-color-scheme: light) {
body {
background-color: white;
color: black;
}
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: white;
}
}

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Content of About page currently scrolls above the header and navbar.

Expected Behavior

I would expect the content to be static while scrolling.

Steps to Reproduce

Scroll the about.html page up and down

Add a Contact page with:

• Bootstap
• FontAwesome

Fields:

Business Name {name of the business
Address: {assuming USA} Street address, City/Town, County, State, Zip Code/Post Code w/4 digit allowed} and country
Contact Name: {Business contact name}
Name: {if person requesting a quote is an individual not associated with a business
Website: {website of business or individual}
Email: {email address of business or individual}
Text area allowing max 1,500 characters.
Add a google map / pin if that is helpful.

Fonts:

Google Roboto, OpenSans, Monsterrat, Lato, Minimum 19.2px, Normal.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

• Navbar is messed up completely.

• Container for the Map overflows
  <div class="container z-depth-1 my-5 px-0" style="background-color:rgb(228, 106, 218)">

• Header container overflows

• <header>
<div class="container>' [overflow]

• Footer overflows @ <footer class="footer-wrapper

• Footer missing Instagram and YouTube social icons

• Google Maps should be a small or medium element inside the footer, not a large frame inside the main body.

• Phone Contact Field is wrong type for a phone number and should just say Phone

• Add field for Mobile Phone

• Missing the theme switch that is now on the About page (about.html)
  (consider adding a theme.css). The theme should propagate through the rest of the site no matter what page you are on.

Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified warning in the console.. which might be coming from Google Maps API.

• Footer needs Business hours

• Remove MDBootstrap branding

Good theme colors are:
#0000ff blue
#000000 black
#808080 gray
#ffffff white
#c0c0c0 silver
{ maybe even brown }

Background where possible should be a gray/silver metallic brush finish

Expected Behavior

• Working nav
• Correct theme

Steps to Reproduce

Try it! :-)

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Some businesses allow their employees to log in to the company intranet from the website to check their hours, payroll, etc.

This would be a great thing to add to the website at some point.

Describe the Use Case

Some businesses allow their employees to log in to the company intranet from the website to check their hours, payroll, etc.

This would be a great thing to add to the website at some point.

Describe Preferred Solution

Some businesses allow their employees to log in to the company intranet from the website to check their hours, payroll, etc.

This would be a great thing to add to the website at some point.

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Pretty much every site depends on Google page ranking.

Here's the Google page on SEO getting started.

https://developers.google.com/search/docs/beginner/seo-starter-guide

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Currently no method for complying with the current cookie laws.

Expected Behavior

I would prefer using a CDN for this at least for now.

Several come to mind though..

https://cdnjs.com/libraries/jquery-cookie
https://www.jsdelivr.com/package/npm/js-cookie
https://cdnjs.com/libraries/js-cookie

there is another from cookielaw.org too. https://cdn.cookielaw.org/scripttemplates/ but there isn't much documentation on how to use it I have found just yet.

Leave a modal or a banner with accept cookie with buttons etc.. and not make it intrusive but easy to find.

Steps to Reproduce

Try it :)

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

The image link is broken. There is no logo.jpg file in \spmssite\src\images

Expected Behavior

There should be a logo.jpg file

Steps to Reproduce

Add the logo.jpg
link the 'logo.jpg' path in the image tag in the index.html

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

index.html's dropdowns are not working but on other pages they work

Expected Behavior

Working dropdowns

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

This is a reference to another issue #

Google Maps servers and its API are sending out several Content-Security-Policy issues.I

Expected Behavior

No CSP issues,

Steps to Reproduce

Use preview or live server extension in your editor or IDE and look at the browser console.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

This needs quite a bit of styling work.

A lot of the fields are too large and a few are not the right type. Some are too close together.

It is also not ready to connect to the backend.

Expected Behavior

A nicely styled form easily able to be connected to the backend // database.

Using..

PHP, jQuery, Ajax, JavaScript...

Also test whatever scripts exist.. and write missing code.

This should also send both an email or some notificatio to both HR department and the user filling out the form that

Also most of the form needs validation script to make sure of no empty fields, incorrect information, etc.

Steps to Reproduce

Load the index.html and click on the Careers button in the menu.

Use a preview or Live Server extension to view the page.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

For some reason, the site now no longer scrolls. 😞

Also do not see the responsive hamburger in the navbar when the site view is changed in the brower

Expected Behavior

Working responsive view

Steps to Reproduce

Try it in Live Server extension or a preview extension in your editor / IDE.

Remaining issue from this particular issue.

Line #127 of about.html gives an error in console as:

Prevented navigation to “mode:;” due to an unknown protocol.

Might be a typo? not sure what that actually does in href=""

Expected Behavior

A little more tweaking to styles

Steps to Reproduce

Try it in Live Server or a preview extension in your editor / IDE or download and open in browser locally then open console or it's dev tools.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

The stripe at the top of footer is missing FontAwesome icons for:

• Instagram
• YouTube

Expected Behavior

Includes Instagram and YouTube.

Might also want to add an iframe for at least one YouTube video (use the YouTube API?) to the About page so that end user may add a video link to their YouTube.

Steps to Reproduce

Try it!

Use a Live Server or Preview extension in VSCode.. etc.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Firefox console reports that both stylesheet files have MIME type mismatch when on the templates/rfq.html page.

The resource from “http://127.0.0.1:5500/templates/styles.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). rfq.html
The resource from “http://127.0.0.1:5500/templates/rfqStyles.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). rfq.html
The resource from “http://127.0.0.1:5500/templates/styles.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). rfq.html
The resource from “http://127.0.0.1:5500/templates/rfqStyles.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). rfq.html

Expected Behavior

Working..

Steps to Reproduce

Test it in Live Server or Preview extension in your browser by loading first the /template/index.html and then navigating the to the page at /templates/rfq.html or click on 'Quotes' and then look at the broswer console.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Current Render of Footer

.

Expected Behavior

Something like this example from MDBootstrap:

Perhaps add Google Maps w/Pin {a random location that end user can edit}

Steps to Reproduce

Load current render

This template currently does not have a about.html page which would include a 150 word or less descripton of:

• Business History
• Call to action to go to Capabilities. etc. page(s) in the Nav.
• Bootstrap cards to show off core team members // staff {minimum of 3 cards}

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Add a blog page to this site template as blog.html

This would be a lot of work to be useable for us but it is an ok example to get started wtih for a blog.

https://codesandbox.io/s/blog-d6s52

This would be great for companies especially startups who wish to blog about their work and or business or staff..

Describe the Use Case

Add a blog page to this site template as blog.html

This would be a lot of work to be useable for us but it is an ok example to get started wtih for a blog.

https://codesandbox.io/s/blog-d6s52

This would be great for companies especially startups who wish to blog about their work and or business or staff.

Describe Preferred Solution

Use Ghost?

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

There is no privacy policy and terms and conditions link to either a page or a link to a download to a pdf file(S)

Privacy policy could just be a modal/popup.

Expected Behavior

Most industrial genre business websites have a privacy policy and conditions.

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

The current capabities page is empty.

It should include-

• links to these

  • Services
  • Industries
  • Equipment
  • Materials

The page content should contain those sections as cards or panels that can be # linked to in the nav so its scrolling and responsive.

Expected Behavior

I would expect a page that showcases everything the business using the site can do.

Steps to Reproduce

Try it

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Most of the main pages are void of boilerplate text.

This could use some work adding more content that the end user would not have to spend much time modifying to suit their specific business, that may end up with Wordpress and Divi theme instead of a great solution easily deployable. Void of hiring a web dev.

I am particularly thinking of all the engineering workshops, machine shops, fabricators / sheet metal shops out there that may be so inclined to push the easy button for their site design.

I will propose some text changes

Expected Behavior

Great text that captures the viewer particularly new prospective customers as a call to action.

Also insert a easily navigateable gallery of photos/pics the business has worked on. 3-6 pics max.

If the end user has YouTube channel make a commented out iframe that could be uncommented and inserted in the view.

Steps to Reproduce

Open index.html or about.html

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Add a Live Chat feature using something like this using the livechat API.

https://codesandbox.io/s/chat-widet-js-api-x32pg

Describe the Use Case

Make and/or implement a Live Chat feature/widget of the site using a API or library that is not intrusive to the user.

Describe Preferred Solution

LiveChat API / library widget.

or some solution using some form of jQuery, Ajax, PHP, JavaScript.

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Way too many tabs in the Navbar

Expected Behavior

Only 3-5 Navigation menu items at the top level.

Categorize the ~15 items into 5 categories. Move the rest into dropdowns.

Steps to Reproduce

Load the index.html page from / or index.html

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Here's the concept..

Under the "accept" of a file input, there can also be a definition of the general type of the files for selection. For example, if you put "image/" under the "accept" attribute, the limitation will cover all the standard file formats (gif, jpeg and so on) for images and not just the type(s) by extensions. In addition, you can combine the pre-defined type(s) and extensions. For example: "image/,.swf". For this example, the limitation will include all standard image files AND all ".swf" files. NOTE: the user can always select "All Files" from the type list in the dialog box...

Before the file is uploaded, you can check the file's extension using Javascript, and prevent the form being submitted if it doesn't match. The name of the file to be uploaded is stored in the "value" field of the form element.

Here's a simple example that only allows files that end in ".gif" to be uploaded:

    function checkFile() {
        var fileElement = document.getElementById("uploadFile");
        var fileExtension = "";
        if (fileElement.value.lastIndexOf(".") > 0) {
            fileExtension = fileElement.value.substring(fileElement.value.lastIndexOf(".") + 1, fileElement.value.length);
        }
        if (fileExtension.toLowerCase() == "gif") {
            return true;
        }
        else {
            alert("You must select a GIF file for upload");
            return false;
        }
    }

<input type="submit" />

Describe the Use Case

Ability to only be able to upload common files used in manufacturing and engineering context like:

.txt
.jpg/jpeg
.png
.webp
.docx
.doc
.dwg
.dxf
.iges
.step

Describe Preferred Solution

No response

Describe Alternatives

Possibly use a filetype upload select in the UI.

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

There are currently two versions of jQuery library CDN's in the <head> tag:

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

and

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

The current version is 3.6. The 3.2.1 needs to be removed from the head tag Having duplicate CDN's usually will cause the browser to get confused.

Expected Behavior

No duplicate CDN's.

Steps to Reproduce

Try it and open the browser console.

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

At this point I would tag our site template V0.1.0 -0.2.0

It needs tested in Chrome using Google Lighthouse in Chrome DevTools.

Especially for

• SEO
• Page load speeds
• Accessibility {Especially in the US its not legal for a business to have an inaccessible website by ADA, etc.}

Describe the Use Case

Testing

Describe Preferred Solution

Google Chrome w/Google Lighthouse

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

index.html does not have a footer.

Add a footer that includes:

• Shop Business Name
• Address (assuming USA)
• Phone
• Fax
• email address contact
• FontAwesome Social Icons
• Business hours (assuming Monday - Friday)
• Copyright info with Business Name, Host or Developer {with link}

Google Maps // Pin?

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Browser Support

The targets I would like to support are:

Chrome
Chrome for Android
Firefox
Safari for iOS

Use caniuse.com browser support page here as reference of what browsers to support.

https://caniuse.com/usage-table

Describe the Use Case

Many people may want to view the site on Tablet, Phone and Desktop.

Describe Preferred Solution

Media queries & specific device breakpoints.

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

There is no favicon and no place for end user to place their logo.

Describe the Use Case

Requirements for good sites include a good favicon and a image placeholder. Especially for SEO.

Describe Preferred Solution

Requirements for good sites include a good favicon and a image placeholder. Especially for SEO.

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

s for the Job / Employment Application / Careers page it should be something like this:

https://codesandbox.io/s/job-application-form-6648hu

but also list available positions.. so it should not only serve as a place for people to:

• Fill in their contact details including
  Website URL, GitHub Link, email address(es), home/office/mobile phone, etc.
• List 3 references and their contact information
• Upload their CV && Resume
• IT and Dev, etc. roles link their Github
• Company could list their open positions, when it's filled it should stop accepting applications for that position.. or some warning toast/modal/popper saying it's been filled.
• Schedule Interviews {provide a calendar with day, date, time.. etc} at least semi-interactively.. it would possibly also send an email to both HR and user / person sending the application.
• Include a printable and Fillable PDF so the person could bring in a paper job/ application or submit in real time filled.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Yay! I added a Employee Login button which should bring up a modal

I added some stubs for this in the code. But it needs finished.

Need some help with this? there's a good freecodecamp

https://www.freecodecamp.org/news/how-to-create-a-login-feature-with-bootstrap-modal-and-jquery-ajax-53dc0d281609/

Or you can do something like this but it would need some work.

https://codepen.io/maheshd/pen/xVvdaw

Expected Behavior

Working Employee Login

Steps to Reproduce

Try it in your browser with a Live Server extension or Preview extension, or download and open in the browser.

Prerequisites

• I have read the Contributing Guidelines
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Make a pretty or pretty good 404 page when a page is not available or not found.

Describe the Use Case

Good page flow.

Describe Preferred Solution

No response

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Whether the Gallery lands on a {pagename}.html#gallery or a individual gallery.html, it needs a carousel that the end user can upload photos/images to of their work that they have made.

If you use bootstrap,

https://getbootstrap.com/docs/5.0/components/carousel/

Expected Behavior

Whether the Gallery lands on a {pagename}.html#gallery or a individual gallery.html, it needs a carousel that the end user can upload photos/images to of their work that they have made.

If you use Bootstrap,

https://getbootstrap.com/docs/5.0/components/carousel/

Steps to Reproduce

Not created yet.

This template site does not have any FontAwesome Social Icons either on footer or header

Either placement would be ok.

Add placeholder icons for Instagram, Facebook, LinkedIn, Yelp, Twitter, etc. so that the user can use it to add their appropriate links.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

The added Employee Login button now works with a modal.

• Needs border radius on right side of fields.
• Needs some form of validation, with error messages using one of the usual PHP, JavaScript, Ajax, jQuery etc.
• This needs labeled fields.
• Show logged in and logged out status
• More styling of the modal.

Maybe a few other things but that should get started.

Expected Behavior

Now that modal actually works make it useful as employee login.

Steps to Reproduce

Try it.

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

There is no current styling for the social media icons in the footer.

Add the colors from below.

Expected Behavior

.fa-facebook {
    color: #1877f2;
}

.fa-github {
    color: #171515;
}

.fa-youtube {
    color: #ff0000;
}

.fa-discord {
    color: #5865f2;
}

.fa-reddit {
    color: #ff4500;
}

.ft-social-list li a :hover {
    color: #fff;
}

Steps to Reproduce

Try it 👍 :-)

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

There currently is no Content Security Policy (CSP) for this site.

https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

Expected Behavior

Google Lighthouse in Google Chrome reports no Content Security Policy (CSP).

Steps to Reproduce

[TODO]

Add a RFQ or Quote/Quotes page as quote, quotes, or rfq.html

This page should be mostly like a contact page, but provide a means for the user wishing to make a quote request or request for quote (rfq) to attach and upload their documentation, i.e. .png, jpeg/jpg, gif, pdf, CAD files like .dwg, dxf, step, iges files.

The form should gather information to the database such as:

Business Name (if the person doing a RFQ is a business)
Name (if person is not a business)
Address (assuming USA includes City/Town, County, State and ZipCode/Postal Code
Phone Number
Fax Number
Website
email address
Mobile/Text Number
Contact Person at above business

Text area (maximum 1500 characters)

At least this happens in Firefox, If you open up the browser console and pull up the console. The content behaves very weirdly and pushes outside of the container. Try dragging up the console handle and watch the content while viewing rfq.html This seems to only effect the fields in the left portion of the container.

⁰### Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

[UpdatedJan 1st, 2023]

Here are the elements that overflow:

• index.html Overflows
• Body @
• Header @
• Footer @ <footer class="footer-wrapper">
• Article @ both <h3> and <p>
• Aside overflows
• Section @ top level
• Nav
  All <li> elements overflow inside the <ul>
<a class="navbar-brand" href="./index.html">Home</a>
• Search bar form element overflows

Needs a logo placeholder image. My old SPMS logo is proprietary. There are lorem ipsum placeholder images good for replacements at https://logoipsum.com/ that are free to use.

Favicon.ico 404's in console and is not loading.

Most of the current overflow issues may only be in Firefox. I use Firefox for Linux v104.0

This page needs a meta description defined for good SEO. It is currently blank.

• #128
  They also need text labels. They also could be slightly larger for visibility and ease of use in mobile view.

• #127

Site still not responsive. Dropdown still does not work. Referenced in another issue.

Expected Behavior

• Elements do not overflow, etc.

Steps to Reproduce

Test in Chrome and Firefox and with Google Chrome Lighthouse in DevTools.