Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also .

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also .
Choose a Base Repository
Choose a base branch
Nothing to show
Choose a Head Repository
Choose a head branch
Nothing to show
  • 3 commits
  • 10 files changed
  • 0 commit comments
  • 1 contributor
View
1 .env
@@ -0,0 +1 @@
GA_PROPERTY_ID=UA-60273283-2
View
@@ -1,3 +1,5 @@
require("dotenv").config();
module.exports = {
distDir: "build",
exportPathMap: () => ({
View
@@ -25,6 +25,7 @@
"babel-plugin-root-import": "^5.1.0",
"babel-plugin-styled-components": "^1.4.0",
"babel-preset-env": "^1.6.1",
"dotenv": "^5.0.1",
"eslint": "^4.15.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
View
@@ -73,7 +73,10 @@ export default class MyDocument extends Document {
{headerBoilerplate(url)}
{ampScriptTags}
{ampStyleTag}
<link href="https://fonts.googleapis.com/css?family=Nunito|Merriweather+Sans:400,800" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Nunito|Merriweather+Sans:400,800"
rel="stylesheet"
/>
<link rel="icon" type="image/png" href="static/favicon.png" />
</head>
<body dangerouslySetInnerHTML={{ __html: html }} />
@@ -0,0 +1,27 @@
/* eslint react/no-danger: off */
import React from "react";
import { Amp } from "react-amphtml";
const account = process.env.GA_PROPERTY_ID;
export default function Analytics() {
const data = {
vars: {
account
},
triggers: {
trackPageview: {
on: "visible",
request: "pageview"
}
}
};
return (
<Amp.Analytics type="googleanalytics">
<script
type="applicationhttps://github.com/json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
/>
</Amp.Analytics>
);
}
@@ -1,3 +1,4 @@
export { default as Analytics } from "./Analytics";
export { default as Logo } from "./Logo";
export { default as CallToAction } from "./CallToAction";
export { default as Headline } from "./Headline";
@@ -1,8 +1,8 @@
import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import PackageHeader from "../atoms/PackageHeader";
import PackageContent from "../atoms/PackageContent";
import styled from "styled-components";
const StyledPackage = styled("div")`
height: 100%;
@@ -5,6 +5,7 @@ import { Grid, Col, Row } from "react-styled-flexboxgrid";
import Link from "next/link";
import {
Analytics,
Logo,
CallToAction,
Headline,
@@ -24,13 +25,17 @@ function Homepage() {
<Container>
<Head>
<title>Voice.link | wir lieben voice</title>
<meta
name="keywords"
content="amazon alexa, google home, alexa skill, google home action, chatbot"
/>
</Head>
<ViewSection header>
<Logo />
<Headline>Wir lieben voice</Headline>
<Caption>Sprachassistenten + ai = wow🔥</Caption>
<Caption>Sprachassistenten + AI = wow🔥</Caption>
<MouseScroll />
</ViewSection>
@@ -176,7 +181,8 @@ function Homepage() {
</p>
<p>
<a href="mailto:hello@voice.link">hello@voice.link</a><br />
<a href="mailto:hello@voice.link">hello@voice.link</a>
<br />
+49 5361 83 49 128
</p>
@@ -186,6 +192,8 @@ function Homepage() {
</Link>
</p>
</ViewSection>
<Analytics />
</Container>
);
}
@@ -2,7 +2,7 @@ import React from "react";
import Head from "next/head";
import { withTheme } from "styled-components";
import { Caption, Logo, SectionHeadline } from "../atoms";
import { Analytics, Caption, Logo, SectionHeadline } from "../atoms";
import { ViewSection } from "../molecules";
import Container from "../Container";
@@ -410,6 +410,8 @@ function Imprint() {
</li>
</ol>
</ViewSection>
<Analytics />
</Container>
);
}
@@ -21,8 +21,8 @@ const Subtext = styled.div`
export default function Typography({ fonts }) {
return (
<FontList>
{Object.keys(fonts).map((fontName, index) => (
<FontListItem fontName={fontName} font={fonts[fontName]} key={index}>
{Object.keys(fonts).map(fontName => (
<FontListItem fontName={fontName} font={fonts[fontName]} key={fontName}>
{fontName[0].toUpperCase()}
{fontName.substr(1)}
<br />

No commit comments for this range