Skip to content

Commit

Permalink
Website home
Browse files Browse the repository at this point in the history
  • Loading branch information
mnapoli committed Jul 18, 2023
1 parent 0c5ffe0 commit 2f56518
Show file tree
Hide file tree
Showing 6 changed files with 128 additions and 2 deletions.
9 changes: 9 additions & 0 deletions website/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions website/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
"lint": "next lint"
},
"dependencies": {
"@heroicons/react": "^2.0.18",
"next": "^13.4.9",
"nextra": "^2.8.0",
"nextra-theme-docs": "^2.8.0",
Expand Down
5 changes: 5 additions & 0 deletions website/src/components/icons/LaravelFullIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
export function LaravelFullIcon({children, ...props}) {
return <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176 51">
<path fill="currentColor" fill-rule="evenodd" d="M67.057 11.723V34.67h8.362v3.958H62.605V11.723h4.452zm24.078 11.415v-2.42h4.219v17.91h-4.22v-2.422c-.567.897-1.374 1.602-2.42 2.114-1.044.512-2.096.768-3.154.768-1.368 0-2.62-.25-3.755-.749a8.782 8.782 0 0 1-2.923-2.056 9.549 9.549 0 0 1-1.896-2.998 9.613 9.613 0 0 1-.678-3.613 9.67 9.67 0 0 1 .678-3.594 9.508 9.508 0 0 1 1.896-3.016 8.79 8.79 0 0 1 2.923-2.057c1.135-.5 2.387-.75 3.755-.75 1.058 0 2.11.257 3.155.77 1.045.512 1.852 1.217 2.42 2.113zm-.388 8.725a6.226 6.226 0 0 0 .388-2.19c0-.77-.13-1.5-.388-2.192a5.548 5.548 0 0 0-1.083-1.806 5.245 5.245 0 0 0-1.684-1.23c-.659-.307-1.388-.461-2.188-.461-.8 0-1.523.154-2.168.461-.645.308-1.2.718-1.664 1.23a5.276 5.276 0 0 0-1.064 1.806 6.489 6.489 0 0 0-.368 2.191c0 .769.122 1.5.368 2.19a5.27 5.27 0 0 0 1.064 1.807 5.29 5.29 0 0 0 1.664 1.23c.645.308 1.368.461 2.168.461s1.53-.153 2.188-.46a5.234 5.234 0 0 0 1.684-1.23 5.543 5.543 0 0 0 1.083-1.807zm7.936 6.764v-17.91h11.459v4.122h-7.24v13.788h-4.219zm26.75-15.489v-2.42h4.219v17.91h-4.22v-2.422c-.568.897-1.374 1.602-2.42 2.114-1.044.512-2.096.768-3.154.768-1.369 0-2.62-.25-3.755-.749a8.782 8.782 0 0 1-2.923-2.056 9.549 9.549 0 0 1-1.896-2.998 9.613 9.613 0 0 1-.678-3.613 9.65 9.65 0 0 1 .678-3.594 9.508 9.508 0 0 1 1.896-3.016 8.79 8.79 0 0 1 2.923-2.057c1.135-.5 2.386-.75 3.755-.75 1.058 0 2.11.257 3.155.77 1.045.512 1.851 1.217 2.42 2.113zm-.388 8.725a6.226 6.226 0 0 0 .387-2.19c0-.77-.13-1.5-.387-2.192a5.548 5.548 0 0 0-1.084-1.806 5.245 5.245 0 0 0-1.684-1.23c-.658-.307-1.387-.461-2.187-.461-.8 0-1.523.154-2.168.461-.645.308-1.2.718-1.664 1.23a5.276 5.276 0 0 0-1.065 1.806 6.489 6.489 0 0 0-.368 2.191c0 .769.122 1.5.368 2.19a5.27 5.27 0 0 0 1.065 1.807 5.29 5.29 0 0 0 1.664 1.23c.645.308 1.368.461 2.168.461s1.53-.153 2.187-.46a5.234 5.234 0 0 0 1.684-1.23 5.543 5.543 0 0 0 1.084-1.807zm21.523-11.146h4.274l-6.926 17.91h-5.302l-6.926-17.91h4.274l5.303 13.715 5.303-13.715zm13.476-.46c5.746 0 9.664 5.055 8.928 10.972h-13.998c0 1.545 1.571 4.532 5.302 4.532 3.21 0 5.36-2.803 5.362-2.805l2.85 2.19c-2.548 2.702-4.635 3.943-7.903 3.943-5.84 0-9.797-3.668-9.797-9.416 0-5.2 4.09-9.416 9.256-9.416zm-5.059 7.859h10.112c-.031-.345-.579-4.532-5.086-4.532-4.507 0-4.993 4.187-5.026 4.532zm16.735 10.511V11.723h4.22v26.904h-4.22zM49.764 11.513a.8.8 0 0 1 .028.208v10.924a.796.796 0 0 1-.403.691l-9.234 5.279v10.463a.796.796 0 0 1-.403.69L20.478 50.787c-.044.026-.093.041-.14.058-.019.006-.036.017-.054.022a.812.812 0 0 1-.412 0c-.022-.006-.042-.018-.063-.026a.718.718 0 0 1-.132-.054L.402 39.77A.796.796 0 0 1 0 39.078V6.306a.8.8 0 0 1 .028-.208c.006-.024.02-.045.028-.067.016-.042.03-.085.052-.124.015-.026.037-.047.054-.07.024-.032.044-.066.072-.094.023-.023.053-.04.079-.06.029-.022.055-.048.088-.067l.001-.001L10.04.106a.81.81 0 0 1 .8 0l9.638 5.509h.002c.032.02.058.046.088.068.026.02.055.037.078.06.028.028.048.062.072.093.018.024.04.045.055.071.022.039.036.082.052.124.008.022.021.043.028.067a.8.8 0 0 1 .027.208v20.469l8.032-4.591V11.721a.8.8 0 0 1 .027-.208c.007-.024.02-.044.029-.067.015-.042.029-.085.051-.124.015-.026.037-.047.055-.07.024-.032.044-.066.072-.093.023-.023.052-.04.078-.06.03-.023.056-.05.089-.068v-.001l9.638-5.509a.808.808 0 0 1 .801 0l9.637 5.509h.001c.034.02.06.046.09.068.025.02.055.038.078.06.028.028.048.062.071.093.018.024.04.045.055.071.023.039.036.082.052.124.009.023.022.043.028.067zm-1.578 10.671V13.1l-3.373 1.928-4.658 2.663v9.084l8.03-4.591zm-9.637 16.433v-9.09l-4.584 2.598L20.88 39.54v9.175l17.669-10.1zM1.606 7.685v30.932l17.668 10.1v-9.174l-9.23-5.186-.002-.003-.004-.001c-.032-.018-.057-.044-.086-.066-.026-.02-.054-.036-.077-.058l-.002-.003c-.026-.025-.044-.056-.066-.084-.02-.026-.044-.049-.06-.077l-.001-.003c-.018-.03-.029-.066-.042-.1-.013-.029-.03-.057-.038-.089v-.001c-.011-.038-.012-.078-.017-.117-.003-.03-.012-.059-.012-.09v-21.39L4.98 9.613 1.606 7.685zm8.834-5.968-8.027 4.59 8.027 4.588 8.028-4.589-8.028-4.589zm4.176 28.638 4.658-2.662V7.685l-3.372 1.928-4.659 2.663v20.007l3.373-1.928zM39.352 7.133l-8.028 4.588 8.028 4.589 8.027-4.589-8.027-4.588zm-.803 10.558-4.659-2.663-3.372-1.928v9.084l4.658 2.663 3.373 1.928V17.69zm-18.473 20.47 11.775-6.674 5.886-3.336-8.022-4.586-9.237 5.28-8.418 4.812 8.016 4.504z"></path>
</svg>
}
10 changes: 10 additions & 0 deletions website/src/components/icons/SymfonyFullIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
export function SymfonyFullIcon({children, ...props}) {
return <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 289.333 122.833">
<title>Symfony</title>
<circle fill="currentColor" cx="58.657" cy="58.07" r="28.072"></circle>
<path fill="#fff"
d="M70.93 40.385c-2.851.1-5.342 1.672-7.193 3.846-2.053 2.384-3.417 5.213-4.401 8.099-1.759-1.442-3.116-3.308-5.938-4.122-2.183-.627-4.473-.369-6.58 1.201-.999.746-1.686 1.873-2.013 2.932-.848 2.754.889 5.205 1.679 6.086l1.725 1.846c.356.363 1.211 1.309.794 2.664-.453 1.475-2.229 2.428-4.052 1.867-.814-.252-1.984-.857-1.721-1.709.108-.35.358-.613.493-.912.123-.26.181-.454.218-.568.333-1.088-.122-2.502-1.286-2.861-1.087-.332-2.197-.068-2.628 1.329-.49 1.591.271 4.472 4.344 5.729 4.772 1.467 8.809-1.133 9.381-4.521.361-2.122-.599-3.7-2.354-5.729l-1.43-1.581c-.867-.867-1.164-2.342-.268-3.475.757-.957 1.834-1.365 3.601-.886 2.577.698 3.726 2.487 5.642 3.93-.791 2.595-1.309 5.2-1.776 7.538l-.287 1.74c-1.371 7.186-2.416 11.131-5.134 13.396-.547.391-1.331.973-2.51 1.014-.619.02-.818-.406-.828-.592-.014-.434.353-.633.596-.828.363-.199.912-.527.875-1.578-.041-1.246-1.071-2.324-2.559-2.273-1.117.037-2.816 1.086-2.752 3.01.066 1.984 1.916 3.473 4.706 3.377 1.492-.049 4.822-.656 8.103-4.557 3.819-4.473 4.888-9.6 5.692-13.352l.896-4.953c.499.059 1.031.1 1.611.113 4.757.102 7.136-2.363 7.173-4.155.023-1.085-.712-2.152-1.742-2.128-.736.021-1.662.511-1.884 1.529-.217 1 1.514 1.902.161 2.779-.961.623-2.684 1.061-5.11.705l.442-2.439c.899-4.624 2.011-10.312 6.224-10.449.307-.016 1.431.014 1.457.756.007.248-.054.312-.344.88-.297.442-.408.819-.395 1.253.042 1.18.939 1.956 2.238 1.91 1.737-.057 2.237-1.748 2.209-2.618-.072-2.045-2.226-3.335-5.075-3.243z"></path>
<path fill="currentColor"
d="M200.791 50.172c6.474 0 10.813 4.677 10.813 11.147 0 6.097-4.424 11.146-10.813 11.146-6.428 0-10.852-5.049-10.852-11.146 0-6.47 4.338-11.147 10.852-11.147zm0 19.125c4.593 0 6.637-4.176 6.637-7.978 0-4.048-2.463-7.972-6.637-7.972-4.216 0-6.68 3.924-6.68 7.972 0 3.802 2.047 7.978 6.68 7.978zM189.401 52.154v-1.481h-5.638v-2.024c0-2.881.419-5.055 3.798-5.055.062 0 .128.006.193.009.007 0 .005-.011.013-.011.938.068 1.72-.695 1.772-1.633l.068-1.286c-.793-.126-1.63-.25-2.63-.25-5.803 0-7.138 3.382-7.138 8.56v1.69h-5.015v1.653a1.78 1.78 0 001.758 1.518c.004 0 .009.004.014.004h3.243v18.119H182.006c.9 0 1.634-.678 1.756-1.541V53.848h3.926a1.78 1.78 0 001.713-1.694zM137.125 50.673c-.006 0-.011.005-.021.005-.826 0-1.627.568-1.977 1.337l-5.399 16.278h-.084l-5.281-16.27c-.346-.773-1.15-1.346-1.982-1.346-.01 0-.013-.005-.021-.005h-2.737l7.223 19.874c.252.711.754 1.797.754 2.254 0 .42-1.17 5.26-4.679 5.26-.086 0-.174-.01-.259-.016-.895-.049-1.571.576-1.72 1.539l-.107 1.359c.71.125 1.422.293 2.674.293 5.176 0 6.721-4.721 8.184-8.811l7.847-21.753h-2.415zM112.177 54.998c-3.24-1.658-6.787-2.785-6.849-6.121.01-3.543 3.266-4.474 5.774-4.471.012-.002.022-.002.028-.002 1.09 0 1.961.108 2.812.295.011 0 .009-.014.022-.014.9.066 1.655-.637 1.76-1.523l.072-1.287c-1.645-.408-3.364-.617-4.86-.617-5.455.034-9.506 2.779-9.519 8.018.006 4.58 3.092 6.355 6.414 7.963 3.256 1.566 6.821 2.858 6.852 6.639-.018 3.943-3.824 5.396-6.447 5.402-1.534-.006-3.199-.387-4.603-.83-.879-.145-1.6.631-1.715 1.658l-.118 1.146c1.929.623 3.906 1.168 5.895 1.168h.022c6.112-.045 10.862-2.482 10.881-8.811-.007-4.882-3.116-6.933-6.421-8.613zM171.534 71.967h.005c.847 0 1.554-.596 1.731-1.389V58.314c0-4.635-1.958-8.143-7.389-8.143-1.92 0-5.134 1.088-6.596 4.135-1.126-2.881-3.59-4.135-6.051-4.135-3.133 0-5.263 1.127-6.765 3.592h-.084v-1.324a1.78 1.78 0 00-1.777-1.762c-.009 0-.013-.005-.019-.005h-1.877v21.294h2.129a1.78 1.78 0 001.78-1.781c0-.027.009-.037.018-.055v-8.895c0-3.965 1.585-7.889 5.592-7.889 3.171 0 3.802 3.297 3.802 5.928v12.691h2.159c.93 0 1.679-.715 1.762-1.623v-9.107c0-3.965 1.588-7.889 5.595-7.889 3.173 0 3.8 3.297 3.8 5.928v12.691h2.185zM232.182 71.967h.005c.957 0 1.728-.756 1.773-1.703V59.316c0-5.719-2.466-9.145-7.977-9.145-2.964 0-5.801 1.463-6.973 3.886h-.082v-1.591c0-.002-.004-.002-.004-.006 0-.987-.799-1.783-1.779-1.783-.011 0-.013-.005-.02-.005h-1.998v21.294h2.161c.934 0 1.691-.727 1.763-1.643v-8.211c0-5.176 2.006-8.766 6.473-8.766 3.427.207 4.507 2.627 4.507 7.597v11.022h2.151zM253.31 50.673c-.01 0-.014.005-.022.005-.827 0-1.629.568-1.978 1.337l-5.397 16.278h-.088l-5.282-16.27c-.346-.773-1.15-1.346-1.98-1.346-.008 0-.013-.005-.02-.005h-2.737l7.224 19.874c.25.711.755 1.797.755 2.254 0 .42-1.171 5.26-4.681 5.26-.085 0-.171-.01-.259-.016-.895-.049-1.568.576-1.722 1.539l-.105 1.359c.709.125 1.422.293 2.675.293 5.176 0 6.72-4.721 8.184-8.811l7.849-21.753h-2.416z"></path>
</svg>
}
92 changes: 90 additions & 2 deletions website/src/pages/index.mdx
Original file line number Diff line number Diff line change
@@ -1,3 +1,91 @@
# Hello world
import Link from 'next/link';
import { LaravelFullIcon } from '../components/icons/LaravelFullIcon';
import { SymfonyFullIcon } from '../components/icons/SymfonyFullIcon';
import styles from './index.module.css';

Welcome to Bref.
<div className="bg-white">
<div className="relative isolate overflow-hidden bg-gradient-to-b from-blue-100/20">
<div className="mx-auto max-w-7xl pb-24 pt-10 sm:pb-32 lg:grid lg:grid-cols-2 lg:gap-x-8 lg:px-8 lg:py-24">
<div className="px-6 lg:px-0 lg:pt-6">
<div className="mx-auto max-w-2xl">
<div className="max-w-lg">
<h1 className="text-4xl font-black tracking-tight text-gray-900 sm:text-5xl">
<span className="text-blue-500">Simple</span>
and <span className="text-blue-500">scalable</span> PHP applications
</h1>
<div className="mt-6 text-lg leading-8 text-gray-600">
Simplify your infrastructure and scale with ease.
</div>
<div className="text-lg leading-8 text-gray-600">
Bref is an open-source project that helps you go serverless on AWS with PHP.
</div>
<div className="mt-10 flex items-center gap-x-6">
<Link href="/docs"
className="rounded-md bg-blue-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
>
Documentation
</Link>
<a href="https://github.com/brefphp/bref"
className="text-sm font-semibold leading-6 text-gray-900">
View on GitHub <span aria-hidden="true">→</span>
</a>
</div>
<div className="mt-6 flex items-center space-x-4 text-gray-300">
<LaravelFullIcon className="h-6 md:h-8" />
<SymfonyFullIcon className="h-12 md:h-16" />
</div>
</div>
</div>
</div>
<div className="mt-20 sm:mt-24 md:mx-auto md:max-w-2xl lg:mx-0 lg:mt-0 lg:w-screen">
<div
className="absolute inset-y-0 right-1/2 -z-10 -mr-10 w-[200%] skew-x-[-30deg] bg-white shadow-xl shadow-blue-600/10 ring-1 ring-blue-50 md:-mr-20 lg:-mr-36"
aria-hidden="true"
/>
<div className="shadow-lg md:rounded-3xl">
<div
className="bg-blue-500 [clip-path:inset(0)] md:[clip-path:inset(0_round_theme(borderRadius.3xl))]">
<div
className="absolute -inset-y-px left-1/2 -z-10 ml-10 w-[200%] skew-x-[-30deg] bg-blue-100 opacity-20 ring-1 ring-inset ring-white md:ml-20 lg:ml-36"
aria-hidden="true"
/>
<div className="relative px-6 pt-8 sm:pt-16 md:pl-16 md:pr-0">
<div className="mx-auto max-w-2xl md:mx-0 md:max-w-none">
<div className="w-screen overflow-hidden rounded-tl-xl bg-gray-900">
<div className="flex bg-gray-800/40 ring-1 ring-white/5">
<div className="-mb-px flex text-sm font-medium leading-6 text-gray-400">
<div
className="border-b border-r border-b-white/20 border-r-white/10 bg-white/5 px-4 py-2 text-white">
serverless.yml
</div>
</div>
</div>
<div className={styles.homeCode + " px-6 pb-14 pt-6"}>
```yml
service: my-app

provider:
name: aws

functions:
api:
runtime: php-82-fpm
handler: public/index.php
events:
- httpApi: '*'
```
</div>
</div>
</div>
<div
className="pointer-events-none absolute inset-0 ring-1 ring-inset ring-black/10 md:rounded-3xl"
aria-hidden="true"
/>
</div>
</div>
</div>
</div>
</div>
<div className="absolute inset-x-0 bottom-0 -z-10 h-24 bg-gradient-to-t from-white sm:h-32" />
</div>
</div>
13 changes: 13 additions & 0 deletions website/src/pages/index.module.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.homeCode {
--shiki-color-text: theme('colors.gray.200');
--shiki-color-background: transparent;
--shiki-token-constant: theme('colors.blue.400');
--shiki-token-string: theme('colors.blue.400');
--shiki-token-comment: theme('colors.gray.300');
--shiki-token-keyword: theme('colors.gray.200');
--shiki-token-parameter: theme('colors.blue.400');
--shiki-token-function: theme('colors.gray.200');
--shiki-token-string-expression: theme('colors.blue.400');
--shiki-token-punctuation: theme('colors.gray.300');
--shiki-token-link: theme('colors.blue.400');
}

0 comments on commit 2f56518

Please sign in to comment.