Updated templates

This commit is contained in:
Alejandro Celaya 2016-05-02 17:17:11 +02:00
parent 83352f0af9
commit 3e9161efb0
4 changed files with 26 additions and 130 deletions

View file

@ -1,113 +0,0 @@
{% extends 'layout/default.html.twig' %}
{% block title %}Home{% endblock %}
{% block content %}
<div class="jumbotron">
<h1>Welcome to <span class="zf-green">zend-expressive</span></h1>
<p>
Congratulations! You have successfully installed the
<a href="https://github.com/zendframework/zend-expressive-skeleton" target="_blank">zend-expressive skeleton application</a>.
This skeleton can serve as a simple starting point for you to begin building your application.
</p>
<p>
Expressive builds on zend-stratigility to provide a minimalist PSR-7 middleware framework for PHP.
</p>
</div>
<div class="row">
<div class="col-md-4">
<h2>
<a href="https://zendframework.github.io/zend-expressive/getting-started/features/" target="_blank">
<i class="fa fa-refresh"></i> Agile &amp; Lean
</a>
</h2>
<p>
Expressive is fast, small and perfect for rapid application development, prototyping and api's. You decide how you
extend it and choose the best packages from major framework or standalone projects.
</p>
</div>
<div class="col-md-4">
<h2>
<a href="https://github.com/zendframework/zend-diactoros" target="_blank">
<i class="fa fa-exchange"></i> HTTP Messages
</a>
</h2>
<p>
HTTP messages are the foundation of web development. Web browsers and HTTP clients such as cURL create
HTTP request messages that are sent to a web server, which provides an HTTP response message.
Server-side code receives an HTTP request message, and returns an HTTP response message.
</p>
</div>
<div class="col-md-4">
<h2>
<a href="https://github.com/zendframework/zend-stratigility" target="_blank">
<i class="fa fa-dot-circle-o"></i> Middleware
</a>
</h2>
<p>
Middleware is code that exists between the request and response, and which can take the incoming
request, perform actions based on it, and either complete the response or pass delegation on to the
next middleware in the queue. Your application is easily extended with custom middleware created by
yourself or <a href="https://packagist.org/search/?q=middleware" target="_blank">others</a>.
</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>
<a href="https://zendframework.github.io/zend-expressive/features/container/intro/" target="_blank">
<i class="fa fa-cube"></i> Containers
</a>
</h2>
<p>
Expressive promotes and advocates the usage of Dependency Injection/Inversion of Control containers
when writing your applications. Expressive supports multiple containers which typehints against
<a href="https://github.com/container-interop/container-interop" target="_blank">container-interop</a>.
</p>
</div>
<div class="col-md-4">
<h2>
<a href="https://zendframework.github.io/zend-expressive/features/router/intro/" target="_blank">
<i class="fa fa-plane"></i> Routers
</a>
</h2>
<p>
One fundamental feature of zend-expressive is that it provides mechanisms for implementing dynamic
routing, a feature required in most modern web applications. Expressive ships with multiple adapters.
</p>
{% if routerName is defined %}
<p>
<a href="{{ routerDocs }}" target="_blank">
Get started with {{ routerName }}.
</a>
</p>
{% endif %}
</div>
<div class="col-md-4">
<h2>
<a href="https://zendframework.github.io/zend-expressive/features/template/twig/" target="_blank">
<i class="fa fa-files-o"></i> Templating
</a>
</h2>
<p>
By default, no middleware in Expressive is templated. We do not even provide a default templating
engine, as the choice of templating engine is often very specific to the project and/or organization.
However, Expressive does provide abstraction for templating, which allows you to write middleware that
is engine-agnostic.
</p>
{% if templateName is defined %}
<p>
<a href="{{ templateDocs }}" target="_blank">
Get started with {{ templateName }}.
</a>
</p>
{% endif %}
</div>
</div>
{% endblock %}

View file

@ -1,12 +1,17 @@
{% extends 'layout/default.html.twig' %}
{% block title %}404 Not Found{% endblock %}
{% block title %}URL Not Found{% endblock %}
{% block stylesheets %}
<style>
p {margin-bottom: 20px;}
body {text-align: center;}
</style>
{% endblock %}
{% block content %}
<h1>Oops!</h1>
<h2>This is awkward.</h2>
<p>We encountered a 404 Not Found error.</p>
<p>
You are looking for something that doesn't exist or may have moved.
</p>
<hr>
<p>This short URL doesn't seem to be valid.</p>
<p>Make sure you included all the characters, with no extra punctuation.</p>
{% endblock %}

View file

@ -2,14 +2,19 @@
{% block title %}{{ status }} {{ reason }}{% endblock %}
{% block stylesheets %}
<style>
p {margin-bottom: 20px;}
body {text-align: center;}
</style>
{% endblock %}
{% block content %}
<h1>Oops!</h1>
<h2>This is awkward.</h2>
<hr>
<p>We encountered a {{ status }} {{ reason }} error.</p>
{% if status == 404 %}
<p>
You are looking for something that doesn't exist or may have moved. Check out one of the links on this page
or head back to <a href="{{ path('home') }}">Home</a>.
</p>
<p>This short URL doesn't seem to be valid.</p>
<p>Make sure you included all the characters, with no extra punctuation.</p>
{% endif %}
{% endblock %}

View file

@ -3,16 +3,15 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>{% block title %}{% endblock %} - zend-expressive</title>
<title>{% block title %}{% endblock %} | URL shortener</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<style>
body { padding-top: 60px; }
.app { display: flex; min-height: 100vh; flex-direction: column; }
.app-content { flex: 1; }
.app-footer { padding-bottom: 1em; }
.zf-green, h2 a { color: #68b604; }
body {padding-top: 60px;}
.app {display: flex; min-height: 100vh; flex-direction: column;}
.app-content {flex: 1;}
.app-footer p {margin-bottom: 20px;}
</style>
{% block stylesheets %}{% endblock %}
</head>