Skip to content

Commit

Permalink
Add Bref logo (#371)
Browse files Browse the repository at this point in the history 
Add Bref logo
  • Loading branch information
@mnapoli
mnapoli authored Jul 17, 2019
2 parents 8f988c6 + d9b0c17 commit 5f2d626
Show file tree
Hide file tree
Showing 7 changed files with 72 additions and 36 deletions.
Binary file modified docs/readme-screenshot.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 6 additions & 1 deletion website/tailwind.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,6 +232,11 @@ module.exports = {
'Helvetica Neue',
'sans-serif',
],
'bref': [
'Dosis',
'Helvetica Neue',
'sans-serif',
],
'serif': [
'Constantia',
'Lucida Bright',
Expand Down Expand Up @@ -308,7 +313,7 @@ module.exports = {

fontWeights: {
// 'hairline': 100,
// 'thin': 200,
'thin': 200,
// 'light': 300,
'normal': 400,
// 'medium': 500,
Expand Down
18 changes: 6 additions & 12 deletions website/template/default.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
{% set metaDescription = introduction|default %}

{% block body %}
<body class="font-sans">

<div class="block lg:hidden flex bg-white border-b border-grey-light fixed pin-t pin-x h-12 items-center z-10">
<div class="w-full max-w-screen-xl relative mx-auto px-6">
<button class="flex items-center px-3 py-2 border rounded text-grey-dark border-grey-light" onclick="toggleMenu()">
Expand All @@ -15,11 +15,12 @@

<div class="flex h-full mt-12 lg:mt-0">
<div id="menu" class="fixed flex-no-shrink lg:w-64 xl:w-96 lg:flex lg:flex-col z-30 h-screen w-full hidden text-grey-darkest bg-grey-lightest px-6 lg:px-8 py-8 lg:py-16 overflow-auto">
<nav class="mt-2">
<nav class="mt-1">
<h2 class="mb-8">
<a class="text-grey hover:text-grey-darker" href="/" title="Bref home page">Bref</a>
<a class="text-grey hover:text-grey-darker font-bref text-2xl"
href="/" title="Bref home page">bref</a>
<a class="float-right text-grey hover:text-grey-darker" title="Bref on GitHub" href="https://github.com/brefphp/bref">
<svg class="fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>GitHub</title><path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path></svg>
<svg class="fill-current w-5 h-5 mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>GitHub</title><path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path></svg>
</a>
</h2>
{% for item in menu %}
Expand Down Expand Up @@ -87,14 +88,7 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/yaml.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15584647-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-15584647-20');
$(function() {
$('article h2, article h3, article h4, article h5').each(function () {
var url = document.URL.replace(/#.*$/, "") + '#' + $(this).attr('id');
Expand All @@ -107,5 +101,5 @@
});
});
</script>
</body>

{% endblock %}
21 changes: 6 additions & 15 deletions website/template/home.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@
{% set metaDescription = 'Bref is a framework to write and deploy serverless PHP applications on AWS Lambda.' %}

{% block body %}
<body class="font-sans home">
<section class="min-h-screen border-t-4 border-grey-dark flex items-center">
<div class="container mx-auto py-10 lg:py-24 px-4 lg:px-32">

<h1 class="mb-8 lg:mb-12 text-6xl md:text-7xl lg:text-8xl text-grey-darkest leading-tight">Running PHP <br> made simple.</h1>
<section class="text-center">
<div class="container mx-auto py-10 lg:py-24 xl:py-32 px-4">
<img src="/logo.svg" alt="Bref" class="h-48">
<h1 class="text-center mb-12 lg:mb-24 text-3xl md:text-4xl lg:text-5xl text-grey-darkest font-bref font-thin">running PHP made simple</h1>

<h2 class="font-normal text-xl md:text-2xl lg:text-3xl">Bref provides the tools and documentation to easily deploy and run serverless PHP applications.</h2>
<h2 class="font-normal font-sans text-lg md:text-xl lg:text-xl">Bref provides the tools and documentation <br> to easily deploy and run serverless PHP applications.</h2>

<div class="mt-16 md:flex justify-center">
<div class="mt-8 md:flex justify-center">
<a class="block text-center px-10 py-4 border-2 border-grey-darkest rounded-lg bg-grey-darkest text-white hover:text-white hover:border-black hover:bg-black mb-4 md:mr-8" href="/docs/" title="Bref documentation for serverless PHP applications">Learn more</a>
<a class="block text-center px-10 py-4 border-2 border-grey-darkest rounded-lg bg-white text-grey-darkest hover:text-white hover:border-black hover:bg-black mb-4" href="https://github.com/brefphp/bref" title="Bref on GitHub">GitHub</a>
</div>
Expand All @@ -24,13 +24,4 @@
</div>
</section>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15584647-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-15584647-20');
</script>
</body>
{% endblock %}
15 changes: 13 additions & 2 deletions website/template/layout.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,19 @@
<meta name="twitter:description" content="{{ metaDescription|e('html_attr') }}" />
<meta name="google-site-verification" content="RRmKDrWI2l69B0nMwv4ndrYOHSuaTBfarvCgtJxMpXA" />
{#<meta name="twitter:site" content="@brefphp" />#}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dosis:200|Open+Sans:400,700|Poppins:400,600&display=swap" rel="stylesheet">
<link href="/output.css" rel="stylesheet">
</head>
{% block body %}{% endblock %}
<body class="font-sans">

{% block body %}{% endblock %}

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15584647-20"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-15584647-20');
</script>
</body>
</html>
41 changes: 41 additions & 0 deletions website/template/logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 0 additions & 6 deletions website/template/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,12 +79,6 @@ a:hover {
color: inherit !important;
}

body.home {
/* See http://www.heropatterns.com/ */
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23f1f5f8' fill-opacity='0.49' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* Style documentation articles */
article p {
margin-top: 16px;
Expand Down

0 comments on commit 5f2d626

Please sign in to comment.