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