Skip to content

Instantly share code, notes, and snippets.

@mnapoli

mnapoli/index.html

Created January 26, 2020 12:13
Show Gist options
  • Save mnapoli/cb718eb5ec98660880508f79d21ff5f7 to your computer and use it in GitHub Desktop.
Save mnapoli/cb718eb5ec98660880508f79d21ff5f7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Bref runtime versions</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600" rel="stylesheet">
<style>
:root {
--font-sans: Open Sans, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
--font-serif: Poppins, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
--font-mono: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.font-sans {
font-family: var(--font-sans);
}
.font-serif {
font-family: var(--font-serif);
}
a {
text-decoration: none;
}
</style>
</head>
<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">
<div class="md:float-right">
<span class="inline-block py-2 leading-normal">
Region
</span>
<div class="inline-block relative ml-2 mb-3">
<select class="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
id="regionSelector" onchange="changeRegion()">
<option>us-east-1</option>
<option>us-east-2</option>
<option>...</option>
</select>
<div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
</div>
</div>
</div>
<div class="md:float-right mr-6">
<span class="inline-block py-2 leading-normal">
Bref version
</span>
<div class="inline-block relative ml-2 mb-3">
<select class="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline">
<option>0.5.13 (latest)</option>
<option>0.5.12</option>
<option>...</option>
</select>
<div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
</div>
</div>
</div>
<h1 class="font-serif mb-2">Bref runtime versions</h1>
<div class="text-lg text-grey-dark mb-12">
This page lists the latest versions of the <a href="https://bref.sh/docs/runtimes/">Bref PHP runtimes</a>.
</div>
<table class="w-full text-left table-collapse">
<tr class="text-grey-dark bg-grey-lightest uppercase text-sm">
<th class="p-3">Layer name</th>
<th class="p-3">ARN</th>
<th class="p-3">Layer version</th>
</tr>
<tr>
<td class="p-3 border-t border-grey-light font-bold">php-74</td>
<td class="p-3 border-t border-grey-light text-grey-dark text-xs md:text-sm"><code class="font-mono">arn:aws:lambda:us-east-1:416566615250:layer:php-74:13</code></td>
<td class="p-3 border-t border-grey-light text-blue-dark text-right">13</td>
</tr>
<tr>
<td class="p-3 border-t border-grey-light font-bold">php-fpm-74</td>
<td class="p-3 border-t border-grey-light text-grey-dark text-xs md:text-sm"><code class="font-mono">arn:aws:lambda:us-east-1:416566615250:layer:php-fpm74:13</code></td>
<td class="p-3 border-t border-grey-light text-blue-dark text-right">13</td>
</tr>
<tr>
<td class="p-3 border-t border-grey-light font-bold">...</td>
<td class="p-3 border-t border-grey-light text-grey-dark text-xs md:text-sm"><code class="font-mono">...</code></td>
<td class="p-3 border-t border-grey-light text-blue-dark text-right">...</td>
</tr>
</table>
</div>
</section>
<script>
function changeRegion() {
const region = document.getElementById('regionSelector').value;
window.location.search = '?region=' + region;
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment