This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command
$ docker-compose up -d
# To Tear Down
$ docker-compose down --volumes
/** | |
* Fluid typography between a min & max font-size and molten leading | |
* calc(minSize + (maxSize - minSize) * ((100vw - minPort) / (maxPort - minPort))); | |
*/ | |
:root { | |
font-size: 100%; | |
} | |
body { | |
font-size: 1em; |
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0 | 20110126 | |
License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; |
<?php | |
//adds the viewport meta tag to the header.php file | |
function add_viewport_meta_tag() { | |
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>'; | |
} | |
add_theme_support( "menus" ); | |
// Create New Menu |
* 0 or more matches | |
+ 1 or more matches | |
? 0 or 1 match | |
^ matches the start of the string or line | |
$ matches the end of the string or line | |
\ signifies an escape sequence | |
. matches any single character except newline | |
( ) capturing group. Save to reuse later | |
| used as a logic OR inside a capturing group | |
[abc] character set. Matches one of the things in the brackets |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>CSS Gradients</title> | |
<meta name="viewport" content="width=device-width"> | |
<link rel="stylesheet" href="main.css"/> | |
<style> | |
.box{ | |
min-height: 200px; |
<!DOCTYPE HTML> | |
<html lang="en-US"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>CSS Circle Experiment</title> | |
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' /> | |
<style> | |
body { | |
background: #ababab; | |
} |