Add Branding page

source/_layouts/minimal.html

@@ -0,0 +1,10 @@
+{% extends "default.html" %}
+
+{%block content_wrapper %}
+<section class="mx-auto mt-16 max-w-7xl w-full bg-white px-4 md:px-0">
+    <header class="mb-8">
+        <h1 class="text-4xl font-bold">{{ page.title }}</h1>
+    </header>
+    {% block content %}{% endblock %}
+</section>
+{% endblock %}

source/_pages/branding.html

@@ -0,0 +1,49 @@
+---
+title: Branding
+permalink: branding
+layout: minimal
+---
+<h2>The PHP Foundation Logo</h2>
+
+<img src="{{ site.url }}/assets/icons/php_foundation.svg" alt="Logo" class="h-64 shadow rounded-lg p-6 mb-4"/>
+<div>Download <strong>logo</strong>:
+    <a href="{{ site.url }}/assets/branding/php_foundation.svg" download
+       class="inline-block">SVG</a>
+    |
+    <a href="{{ site.url }}/assets/branding/php_foundation.png" download
+       class="inline-block">PNG</a>
+</div>
+<h2>Colors</h2>
+<div class="mb-16">
+    <div class="flex">
+        <div class="text-center mr-8">
+            <div class="rounded-full shadow w-16 h-16 mb-3"
+                 style="background: #6758F5"></div>
+            <div class="text-xs">#6758F5</div>
+        </div>
+
+        <div class="text-center mr-8">
+            <div class="rounded-full shadow w-16 h-16 mb-3"
+                 style="background: #FFFFFF"></div>
+            <div class="text-xs">#FFFFFF</div>
+        </div>
+
+        <div class="text-center mr-8">
+            <div class="rounded-full shadow w-16 h-16 mb-3"
+                 style="background: #FE4D7F"></div>
+            <div class="text-xs">#FE4D7F</div>
+        </div>
+
+        <div class="text-center mr-8">
+            <div class="rounded-full shadow w-16 h-16 mb-3"
+                 style="background: #F5AB00"></div>
+            <div class="text-xs">#F5AB00</div>
+        </div>
+
+        <div class="text-center mr-8">
+            <div class="rounded-full shadow w-16 h-16 mb-3"
+                 style="background: #2A2C24"></div>
+            <div class="text-xs">#2A2C24</div>
+        </div>
+    </div>
+</div>

source/_views/page.html

@@ -9,7 +9,7 @@ <h1 class="text-4xl font-bold" itemprop="title">{{ page.title }}</h1>
             <h3 class="text-xl font-medium text-gray-600 mt-4">{{ page.subtitle }}</h3>
             {% endif %}
         </header>
-
+        
         <div class="mx-auto text-base leading-7 text-gray-700" itemprop="text">
             {{ page.blocks.content|raw }}
         </div>