Skip to content

Commit

Permalink
v1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
PwaBunga committed May 20, 2023
1 parent 1061a8f commit 1f8a0ae
Show file tree
Hide file tree
Showing 23 changed files with 2,585 additions and 2 deletions.
106 changes: 106 additions & 0 deletions .htaccess
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
# ------------------------------------------------------------------------------------------
#
# ### PWA Bunga! .htaccess
#
# This htaccess configuration file is used by the Apache web server,
# it improves performance, security and manages redirects
#
# Documentation of .htaccess
# --------------------------
# https://pwabunga.com/documentation/starter.html#htaccess
#
# ------------------------------------------------------------------------------------------

# ------------------------------------------------------------------------------------------
#
# ### PERFORMANCE
#
# ------------------------------------------------------------------------------------------

# ----------------------------------------------------------------------
# ## Cache-Control Headers
# ----------------------------------------------------------------------

<IfModule mod_headers.c>
<FilesMatch "\.(ico|jpe?g|png|gif|svg|css|webp|woff2|gz)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
<FilesMatch "\.(js)$">
Header set Cache-Control "max-age=2592000, private"
</FilesMatch>
<filesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=7200, public"
</filesMatch>
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</FilesMatch>
</IfModule>

# ----------------------------------------------------------------------
# ## Deflate Outpout filters
# ----------------------------------------------------------------------

SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE "application/atom+xml" "application/javascript" "application/json" "application/ld+json" "application/manifest+json" "application/rdf+xml" "application/rss+xml" "application/schema+json" "application/vnd.geo+json" "application/vnd.ms-fontobject" "application/x-font-ttf" "application/x-javascript" "application/x-web-app-manifest+json" "application/xhtml+xml" "application/xml" "font/eot" "font/opentype" "image/bmp" "image/svg+xml" "image/vnd.microsoft.icon" "image/x-icon" "text/cache-manifest" "text/css" "text/html" "text/javascript" "text/plain" "text/vcard" "text/vnd.rim.location.xloc" "text/vtt" "text/x-component" "text/x-cross-domain-policy" "text/xml"

# ------------------------------------------------------------------------------------------
#
# ### SECURITY
#
# ------------------------------------------------------------------------------------------

# ----------------------------------------------------------------------
# ## http:// to https://
# ----------------------------------------------------------------------

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>


# ----------------------------------------------------------------------
# ## Disables directory indexing
# ----------------------------------------------------------------------

Options All -Indexes

# ----------------------------------------------------------------------
# ## Protect hidden files from being viewed
# ----------------------------------------------------------------------

<files .*>
order allow,deny
deny from all
</files>

# ------------------------------------------------------------------------------------------
#
# ### Redirect
#
# ------------------------------------------------------------------------------------------

# ----------------------------------------------------------------------
# ## Errors redirect
# ----------------------------------------------------------------------

ErrorDocument 403 https://demo.pwabunga.com/403.html
ErrorDocument 404 https://demo.pwabunga.com/404.html

# ----------------------------------------------------------------------
# ## domain.com to www.domain.com
# ----------------------------------------------------------------------

# <IfModule mod_rewrite.c>
# RewriteCond %{HTTP_HOST} !^www\..+$ [NC]
# RewriteRule ^ https://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
# </IfModule>

# ----------------------------------------------------------------------
# ## www.domain.com to domain.com
# ----------------------------------------------------------------------

<IfModule mod_rewrite.c>
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]
</IfModule>
54 changes: 54 additions & 0 deletions 403.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!doctype html>
<html lang="">

<head>

<!-- Character encoding -->
<meta charset="utf-8">

<!-- Title and Desc -->
<title>403 Forbidden</title>
<meta name="description" content="403 Forbidden: The web page you are trying to open in your browser is a resource that you are not authorized to access.">

<!-- Optimize viewport for mobile -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- Favicons (svg) -->
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" href="favicon.svg" type="image/svg+xml">

<!-- Favicons (png) -->
<!-- <link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png"> -->

<!-- Icons for iOS -->
<link rel="apple-touch-icon" href="pwa/icons/apple-touch-icon.png">

<!-- PWA webmanifest -->
<link rel="manifest" href="pwa/app.webmanifest">

<!-- Color themes -->
<meta name="theme-color" content="#f8c34f" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#808080" media="(prefers-color-scheme: dark)">

<!-- CSS -->
<link rel="stylesheet" href="assets/css/pwabunga.css">
<link rel="stylesheet" href="assets/pwa/pwabunga-ui.css">
<link rel="stylesheet" href="assets/css/styles.css">

</head>

<body>

<h1>403 Forbidden</h1>

<p>The web page you are trying to open in your browser is a resource that you are not authorized to access.</p>

<!-- Javascript -->
<script src="assets/js/scripts.js"></script>
<script src="pwa/js/pwabunga.js"></script>

</body>

</html>
54 changes: 54 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!doctype html>
<html lang="">

<head>

<!-- Character encoding -->
<meta charset="utf-8">

<!-- Title and Desc -->
<title>404 Page Not Found</title>
<meta name="description" content="404 Page Not Found: The web page you are trying to access could not be found on the website server.">

<!-- Optimize viewport for mobile -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- Favicons (svg) -->
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" href="favicon.svg" type="image/svg+xml">

<!-- Favicons (png) -->
<!-- <link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png"> -->

<!-- Icons for iOS -->
<link rel="apple-touch-icon" href="pwa/icons/apple-touch-icon.png">

<!-- PWA webmanifest -->
<link rel="manifest" href="pwa/app.webmanifest">

<!-- Color themes -->
<meta name="theme-color" content="#f8c34f" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#808080" media="(prefers-color-scheme: dark)">

<!-- CSS -->
<link rel="stylesheet" href="assets/css/pwabunga.css">
<link rel="stylesheet" href="assets/pwa/pwabunga-ui.css">
<link rel="stylesheet" href="assets/css/styles.css">

</head>

<body>

<h1>404 Page not found</h1>

<p>The web page you are trying to access could not be found on the website server.</p>

<!-- Javascript -->
<script src="assets/js/scripts.js"></script>
<script src="pwa/js/pwabunga.js"></script>

</body>

</html>
73 changes: 71 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,71 @@
# template
A modern, modular and intuitive front-end template for fast and efficient development of websites and Progressive Web Apps
<div align="center">
<img src="https://pwabunga.com/github/logo-pwabunga-circle.png" alt="logo PWA Bunga!"/>
</div>

# PWA Bunga!

Welcome to the PWA Bunga! project, a modern, modular and intuitive front-end template for fast and efficient development of websites and Progressive Web Apps.

Whether you're a beginner or an experienced developer, this front-end template will help you save time and focus on creating specific features for your site or application, rather than setting up the basic architecture.

* The project's website: **[pwabunga.com](https://pwabunga.com/)**
<!-- * The project's demo: **[demo.pwabunga.com](https://demo.pwabunga.com/)** -->

&nbsp;

## Contents of PWA Bunga!

This front-end template is designed in a modular way and consists of three main modules: Starter, CSS, and PWA.

### PWA Bunga! Starter

The Starter module provides the basic files and folders to quickly start a website or PWA project. This includes resource folders, an HTML template, 404 and 403 error pages, an htaccess file, favicons in .ico, .svg or .png formats, as well as empty CSS and JS files that can be filled according to your needs.

### PWA Bunga! CSS

The CSS module includes a base CSS file with best practices, HTML element normalization, ergonomic improvements, and reset to improve consistency and compatibility across browsers, as well as to make the developer's work easier.

### PWA Bunga! PWA

The PWA module provides files and instructions to transform your website into a Progressive Web App (PWA). This includes the webmanifest file that contains application metadata, icons for the home screen, the service worker file that allows the application to work offline, a JavaScript file to enhance the user experience, and an optional CSS file to customize the user interface.

&nbsp;

## Getting started with PWA Bunga!

### Old school way

* Download the PWA Bunga! front-end template zip: [Download PWA Bunga! 1.0](https://pwabunga.com/assets/download/pwabunga-v1-0.zip)
* Open your favorite code editor
* Customize the template to fit your project!

&nbsp;

## Documentation

You can find the documentation on the PWA Bunga! website:

* [Documentation of PWA Bunga! on the PWA Bunga! website[EN]](https://pwabunga.com/documentation/)[[FR]](https://pwabunga.com/fr/documentation/)

Or on the PWA Bunga! documentation repository:

* [Documentation of PWA Bunga![EN]](https://github.com/PwaBunga/documentation)[[FR]](https://github.com/PwaBunga/documentation/blob/main/fr/)

&nbsp;

## Contribute

To contribute, you can use the issue trackers of the PWA Bunga! module repositories.

* [https://github.com/PwaBunga/starter/issues](https://github.com/PwaBunga/starter/issues)
* [https://github.com/PwaBunga/css/issues](https://github.com/PwaBunga/css/issues)
* [https://github.com/PwaBunga/pwa/issues](https://github.com/PwaBunga/pwa/issues)

Changes made to these 3 repositories will then be applied to the main project repository.

The issue tracker is the preferred channel for bug reports, features requests and submitting pull requests, but please respect the following restrictions:

* Please **do not** use the issue tracker for personal support requests.
* Please **do not** derail or troll issues. Keep the discussion on topic and= respect the opinions of others.

&nbsp;
Loading

0 comments on commit 1f8a0ae

Please sign in to comment.