Marc Hershey marchershey

Prerequisites

The following needs to be done before you install Laravel.

Bash Aliases

Make sure you've got the bash aliases added. To add them, open ~/.bashrc (nano ~/.bashrc or code ~/.bashrc) and paste them at the top or bottom, anywhere is find. I prefer the top.

Here's the alias to use sail ....

<div id="nprogress">
    <div class="bar" role="bar" style="transform: translate3d(-60.5008%, 0px, 0px); transition: all 200ms ease 0s;">
        <div class="peg"></div>
    </div>
    <div class="spinner" role="spinner">
        <div class="spinner-icon"></div>
    </div>
</div>

Run curl -s "https://laravel.build/app?with=mysql" | bash
Run cd app
Run mv * ../ to move all files to parent directory
Run docker run --rm -u "$(id -u):$(id -g)" -v $(pwd):/var/www/html -w /var/www/html laravelsail/php81-composer:latest composer install --ignore-platform-reqs

Still updating...

Commit and PR Types

Format: <type>(<scope>): <subject>

<scope> would be something like edit:(design) changed the styling of header on the base layout

Example

feat: added ability to edit users
^--^ ^------------^

Prevent FOUC (Flash of unstyled content)

A flash of unstyled content (FOUC, also flash of unstyled text) is an instance where a web page appears briefly with the browser's default styles prior to loading an external CSS stylesheet, due to the web browser engine rendering the page before all information is retrieved.

What I like to do to prevent FOUC is to set the <html> tag to have a style of disply:none;. Then at the end of my javascript file (which is defered), I will fade in the <html> tag.

Example:

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

	/*!
	* Modified from GitHub's Dark Dimmed theme, licensed under the MIT License
	* Copyright (c) 2018 GitHub Inc.
	* https://github.com/primer/primitives/blob/main/LICENSE
	*/
	main {
	--color-prettylights-syntax-comment: #768390;
	--color-prettylights-syntax-constant: #6cb6ff;
	--color-prettylights-syntax-entity: #dcbdfb;
	--color-prettylights-syntax-storage-modifier-import: #adbac7;

	@echo off

	setlocal enableextensions enabledelayedexpansion


	:: ------------------------------------------------
	:: Variables
	:: ------------------------------------------------
	SET Title=Prison Island Server
	SET SteamLogin=bdzserver BDZserver123

	[
	{
	"name": "-priority:critical",
	"description": "An issue with critical priority",
	"color": "ee0701"
	},
	{
	"name": "-priority:high",
	"description": "An issue with high priority",
	"color": "f7f700"

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Project Name</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

	<!-- Style -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/js/all.js" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />