Sass Architecture Structure
sass/
|
|– base/
| |– _reset.scss # Reset/normalize
| |– _typography.scss # Typography rules
| ... # Etc…
|
<!-- https://www.youtube.com/watch?v=K_W5ZqwEcqs --> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>PHP File Uploads</title> | |
<meta charset="UTF-8"> | |
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"> | |
</head> | |
<body> |
sass/
|
|– base/
| |– _reset.scss # Reset/normalize
| |– _typography.scss # Typography rules
| ... # Etc…
|
<?php /* Template Name: Awesome Page */ | |
get_header(); | |
?> | |
<div class="latest-posts"></div> | |
<script> |
<?php
if(isset($_POST['submit'])){
$name = htmlspecialchars(stripslashes(trim($_POST['name'])));
$subject = htmlspecialchars(stripslashes(trim($_POST['subject'])));
$email = htmlspecialchars(stripslashes(trim($_POST['email'])));
$message = htmlspecialchars(stripslashes(trim($_POST['message'])));
if(!preg_match("/^[A-Za-z .'-]+$/", $name)){
{% comment %} | |
Loops though every collection you defined in _config.yml and grabs the pages they contain; outputting title and full text with good basic html semantics. | |
Use page.excerpt instead of page.content to grab the first paragraph, blog list style. Markdownify is optional, depends how you authored content in your collections; I typically use Markdown. | |
{% endcomment % } | |
{% for collection in site.collections %} | |
{% assign name = collection.label %} | |
<section> |
<html> | |
<head> | |
<title>Foo</title> | |
</head> | |
<body> | |
<header> | |
{% block header %} | |
<h1>Lorem ipsum</h1> | |
{% endblock %} | |
</header> |