4b5bf03fea
I rewrote the frontend in React using a module bundler. It's matched feature-for-feature with the current frontend, with only slight changes in the styling. I did not fuss about making the styling identical; the badge popup looks particularly different. This makes the front end much easier to develop. I'm really looking forward to implementing #701, to which this paves the way. This makes light use of Next.js, which provides webpack config and dev/build tooling. We’ll probably replace it with create-react-app or our own webpack setup because unfortunately it comes with a lot of runtime overhead (the build is 400k). Let’s open new issues for bugs and features, and track other follow-ups here: https://github.com/badges/shields/projects/1
19 lines
760 B
JavaScript
19 lines
760 B
JavaScript
import React from 'react';
|
|
import Head from 'next/head';
|
|
|
|
const description = `We serve fast and scalable informational images as badges
|
|
for GitHub, Travis CI, Jenkins, WordPress and many more services. Use them to
|
|
track the state of your projects, or for promotional purposes.`;
|
|
|
|
export default () => (
|
|
<Head>
|
|
<title>Shields.io: Quality metadata badges for open source projects</title>
|
|
<meta charSet="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content={description} />
|
|
<link rel="icon" type="image/png" href="favicon.png" />
|
|
<link href="static/main.css" rel="stylesheet" />
|
|
<link href="https://fonts.googleapis.com/css?family=Lekton" rel="stylesheet" />
|
|
</Head>
|
|
);
|