SIMAEC.NET WEB PUBLISHING

Tools, Codes and How To

A collection of tools, codes, tips and hints, I want to share.

git

Start Git Repository

Assuming git is installed and within PATH. If not, install Git

  • Create repository
    git init
  • Create .gitignore file to git repository root directory
  • Add all new files to repository
    git add .
  • Commit changes
    git commit -am "some unique commit comments"

gae

Command Line Deploy App

The command line statement below creates a new version of the app which then can be tested before replacing the version in production. replace [appid] with the corresponding app id. Execute from the local main app folder

sudo gcloud app deploy --project [appid] --no-promote

gae, python

Run App Locally

Within the main folder of the app. First, switch env and install libraries.

  • virtualenv -p python3 env
  • source env/bin/activate
  • pip install -r requirements.txt

Finally run app

  • python main.py

mac

Edit Hosts File on Mac

  • Use terminal/nano to edit the file [⌘ <Spacebar>] terminal
  • sudo nano /private/etc/hosts
  • sudo dscacheutil -flushcache

design

Website Design

Tired to look up these urls, used frequently while building web pages:

design, css

Round Button

Height, width, line-height with border-radius 50% are the important properties. These values have to be adjusted manually. If the text spans multiple lines, change line-height to 1rem, use padding-top to place start of the text and adjust height to recover the circle.

<style>
	.button {
		display:block;
		width:100px;
		height:100px;
		line-height:100px;
		border: 2px solid #E91E63;
		border-radius: 50%;
		color:#f5f5f5;
		text-align:center;
		text-decoration:none;
		background: #0a2740;
		box-shadow: 0 0 3px gray;
		font-size:1rem;
		font-weight:bold;
		text-transform:uppercase;
	}
	.button:hover {
		background-color:#E91E63;
	}
</style>
<p><a href="" class="button">Button</a></p>	

Button

Get Hash for CSS/JS

Create sha256

More about you ;)

{{requestdata}} - {{visitor}}