├── .env
├── .gitignore
├── functions.php
├── public
    ├── favicon.png
    ├── index.html
    └── global.css
├── src
    ├── main.js
    ├── components
    │   ├── Footer.svelte
    │   ├── Header.svelte
    │   ├── PageView.svelte
    │   ├── Comments.svelte
    │   └── ListPost.svelte
    ├── stores
    │   ├── info
    │   │   └── store.js
    │   ├── author
    │   │   └── store.js
    │   └── category
    │   │   └── store.js
    ├── containers
    │   ├── Blog.svelte
    │   ├── Page.svelte
    │   ├── Author.svelte
    │   └── Category.svelte
    └── App.svelte
├── style.css
├── package.json
├── rollup.config.js
├── README.md
└── index.php


/.env:
--------------------------------------------------------------------------------
1 | SITE=https://blog.korolr.me
2 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | public/bundle.*
4 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
1 | <?php
2 | /**
3 |  * Enqueue scripts and styles.
4 |  */


--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/korolr/wordpress-svelte/HEAD/public/favicon.png


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import App from "./App.svelte";
2 | 
3 | const app = new App({
4 |   target: document.body
5 | });
6 | 
7 | export default app;
8 | 


--------------------------------------------------------------------------------
/src/components/Footer.svelte:
--------------------------------------------------------------------------------
1 | <div class=" row-footer row-cen footer">
2 |   <p>
3 |     Site by korolr.
4 |     <a href="https://github.com/korolr/wordpress-svelte">Frontend this site</a>
5 |   </p>
6 | </div>
7 | 


--------------------------------------------------------------------------------
/src/stores/info/store.js:
--------------------------------------------------------------------------------
 1 | import { writable } from "svelte/store";
 2 | 
 3 | export const info = writable({}, function start(set) {
 4 |   fetch(process.env.SITE + "/wp-json/")
 5 |     .then(function(response) {
 6 |       return response.json();
 7 |     })
 8 |     .then(function(response) {
 9 |       set(response);
10 |     });
11 | });
12 | 


--------------------------------------------------------------------------------
/src/stores/author/store.js:
--------------------------------------------------------------------------------
 1 | import { writable } from "svelte/store";
 2 | 
 3 | export const author = writable([], function start(set) {
 4 |   fetch(process.env.SITE + "/wp-json/wp/v2/users/")
 5 |     .then(function(response) {
 6 |       return response.json();
 7 |     })
 8 |     .then(function(response) {
 9 |       set(response);
10 |     });
11 | });
12 | 


--------------------------------------------------------------------------------
/src/stores/category/store.js:
--------------------------------------------------------------------------------
 1 | import { writable } from "svelte/store";
 2 | 
 3 | export const category = writable([], function start(set) {
 4 |   fetch(process.env.SITE + "/wp-json/wp/v2/categories")
 5 |     .then(function(response) {
 6 |       return response.json();
 7 |     })
 8 |     .then(function(response) {
 9 |       set(response);
10 |     });
11 | });
12 | 


--------------------------------------------------------------------------------
/src/components/Header.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { Link } from "svero";
 3 | 
 4 |   export let info = {};
 5 | </script>
 6 | 
 7 | <style>
 8 |   h1 {
 9 |     color: inherit;
10 |   }
11 | </style>
12 | 
13 | {#if info.name !== undefined}
14 |   <Link href="/">
15 |     <h1 class="nes-text is-success">{info.name}</h1>
16 |   </Link>
17 | 
18 |   <h1 class="nes-text">{info.description}</h1>
19 | {/if}
20 | 


--------------------------------------------------------------------------------
/src/containers/Blog.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from "svelte";
 3 |   import { Link } from "svero";
 4 | 
 5 |   import { category } from "../stores/category/store";
 6 |   import { author } from "../stores/author/store";
 7 |   import { info } from "../stores/info/store";
 8 |   import ListPost from "../components/ListPost.svelte";
 9 | 
10 |   let posts = [];
11 | 
12 |   onMount(async () => {
13 |     const res = await fetch(process.env.SITE + "/wp-json/wp/v2/posts");
14 |     posts = await res.json();
15 |     document.title = $info.name;
16 |   });
17 | </script>
18 | 
19 | <ListPost {posts} {author} {category} />
20 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 | Theme Name: R2D2 React
 3 | Theme URI: https://www.justinwhall.com
 4 | Author: Justin W. Hall
 5 | Author URI: https://www.justinwhall.com
 6 | Description: A react-based theme, bringing single-page app goodness to your WordPress blog!
 7 | Tags: blog, one-column, accessibility-ready, featured-images
 8 | Version: 0.9.0
 9 | License: GNU General Public License v2 or later
10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 | Text Domain: r2d2-react
12 | View the full source of this theme on Github: https://github.com/justinwhall/r2d2
13 | */
14 | 
15 | /* This file is not used for style, just for theme info for WordPress*/
16 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | 	<meta charset='utf8'>
 5 | 	<meta name='viewport' content='width=device-width'>
 6 | 
 7 | 	<title>Svelte app</title>
 8 | 
 9 | 	<link rel='icon' type='image/png' href='favicon.png'>
10 | 	<link rel='stylesheet' href='global.css'>
11 | 	<link rel='stylesheet' href='bundle.css'>
12 | 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
13 | 
14 | 
15 | 	<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
16 | 
17 | 
18 | 	<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
19 | </head>
20 | 
21 | <body>
22 | 	<script src='bundle.js'></script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "blog-wordpress-svelte",
 3 |   "version": "1.0.0",
 4 |   "devDependencies": {
 5 |     "npm-run-all": "^4.1.5",
 6 |     "rollup": "^1.10.1",
 7 |     "rollup-plugin-commonjs": "^10.0.0",
 8 |     "rollup-plugin-livereload": "^1.0.0",
 9 |     "rollup-plugin-node-resolve": "^5.0.0",
10 |     "rollup-plugin-svelte": "^5.0.3",
11 |     "rollup-plugin-terser": "^5.0.0",
12 |     "sirv-cli": "^0.4.0",
13 |     "svelte": "^3.4.2",
14 |     "dotenv": "^8.0.0",
15 |     "rollup-plugin-dotenv": "^0.2.0"
16 |   },
17 |   "scripts": {
18 |     "build": "rollup -c",
19 |     "autobuild": "rollup -c -w",
20 |     "dev": "run-p start:dev autobuild",
21 |     "start": "sirv public",
22 |     "start:dev": "sirv public --dev"
23 |   },
24 |   "dependencies": {
25 |     "svero": "^0.5.0"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/public/global.css:
--------------------------------------------------------------------------------
 1 | .row-cen {
 2 |   flex-direction: column !important;
 3 |   align-items: center;
 4 | }
 5 | 
 6 | .rev {
 7 |   display: flex;
 8 |   flex-direction: row-reverse;
 9 | }
10 | 
11 | * {
12 |   margin: 0;
13 |   padding: 0;
14 | }
15 | html,
16 | body {
17 |   height: 100%;
18 | }
19 | .wrapper {
20 |   display: flex;
21 |   flex-direction: column;
22 |   height: 100%;
23 | }
24 | .content {
25 |   flex: 1 0 auto;
26 | }
27 | .footer {
28 |   flex: 0 0 auto;
29 | }
30 | 
31 | .row-footer {
32 |   display: flex;
33 |   flex-direction: column;
34 |   padding: 0;
35 |   width: 100%;
36 | }
37 | 
38 | body {
39 |   background-color: #fdf6e3;
40 | }
41 | 
42 | a {
43 |   color: #268bd2 !important;
44 | }
45 | 
46 | button {
47 |   background-color: #586e75 !important;
48 | }
49 | 
50 | pre {
51 |   background: #f4f5f6;
52 |   border-left: 0.3rem solid #268bd2 !important;
53 |   overflow-y: hidden;
54 | }
55 | 


--------------------------------------------------------------------------------
/src/App.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { Router, Route } from "svero";
 3 | 
 4 |   import Blog from "./containers/Blog.svelte";
 5 |   import Page from "./containers/Page.svelte";
 6 |   import Author from "./containers/Author.svelte";
 7 |   import Category from "./containers/Category.svelte";
 8 | 
 9 |   import Header from "./components/Header.svelte";
10 |   import Footer from "./components/Footer.svelte";
11 | 
12 |   import { info } from "./stores/info/store";
13 | </script>
14 | 
15 | <div class="wrapper">
16 |   <div class="content">
17 |     <div class="container">
18 |       <Header info={$info} />
19 |       <Router>
20 |         <Route path="*" component={Blog} />
21 |         <Route path="/:id" component={Page} />
22 |         <Route path="/category/:name" component={Category} />
23 |         <Route path="/author/:name" component={Author} />
24 |       </Router>
25 |     </div>
26 |   </div>
27 | 
28 |   <Footer />
29 | </div>
30 | 


--------------------------------------------------------------------------------
/src/containers/Page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from "svelte";
 3 |   import { Link } from "svero";
 4 | 
 5 |   import Comments from "../components/Comments.svelte";
 6 |   import { category } from "../stores/category/store";
 7 |   import { author } from "../stores/author/store";
 8 |   import PageView from "../components/PageView.svelte";
 9 | 
10 |   export let router = {};
11 | 
12 |   let data = {};
13 |   let comments = [];
14 |   onMount(async () => {
15 |     const resData = await fetch(
16 |       process.env.SITE + "/wp-json/wp/v2/posts/" + router.params.id
17 |     );
18 |     data = await resData.json();
19 |     const resComments = await fetch(
20 |       process.env.SITE + "/wp-json/wp/v2/comments?post=" + router.params.id
21 |     );
22 | 
23 |     comments = await resComments.json();
24 |     document.title = data.title.rendered;
25 |   });
26 | </script>
27 | 
28 | {#if data.title}
29 |   <PageView post={data} {author} {category} />
30 |   <Comments {comments} id={router.params.id} />
31 | {/if}
32 | 


--------------------------------------------------------------------------------
/src/containers/Author.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from "svelte";
 3 |   import { Link } from "svero";
 4 | 
 5 |   import { category } from "../stores/category/store";
 6 |   import { author } from "../stores/author/store";
 7 |   import { info } from "../stores/info/store";
 8 |   import ListPost from "../components/ListPost.svelte";
 9 | 
10 |   export let router = {};
11 | 
12 |   let posts = [];
13 |   function sleep(ms) {
14 |     return new Promise(resolve => setTimeout(resolve, ms));
15 |   }
16 |   onMount(async () => {
17 |     let id;
18 |     await sleep(300);
19 |     await Promise.all(
20 |       $author.map(data => {
21 |         if (data.name === router.params.name) {
22 |           id = data.id;
23 |           return Promise.resolve("ok");
24 |         }
25 |       })
26 |     );
27 |     const res = await fetch(
28 |       process.env.SITE + "/wp-json/wp/v2/posts?author=" + id
29 |     );
30 |     posts = await res.json();
31 |     document.title = $info.name;
32 |   });
33 | </script>
34 | 
35 | <ListPost {posts} {author} {category} />
36 | 


--------------------------------------------------------------------------------
/src/containers/Category.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from "svelte";
 3 |   import { Link } from "svero";
 4 | 
 5 |   import { category } from "../stores/category/store";
 6 |   import { author } from "../stores/author/store";
 7 |   import { info } from "../stores/info/store";
 8 |   import ListPost from "../components/ListPost.svelte";
 9 | 
10 |   export let router = {};
11 | 
12 |   let posts = [];
13 | 
14 |   function sleep(ms) {
15 |     return new Promise(resolve => setTimeout(resolve, ms));
16 |   }
17 |   onMount(async () => {
18 |     let id;
19 |     await sleep(300);
20 |     await Promise.all(
21 |       $category.map(data => {
22 |         if (data.name === router.params.name) {
23 |           id = data.id;
24 |           return Promise.resolve("ok");
25 |         }
26 |       })
27 |     );
28 |     const res = await fetch(
29 |       process.env.SITE + "/wp-json/wp/v2/posts?categories=" + id
30 |     );
31 |     posts = await res.json();
32 |     document.title = router.params.name;
33 |   });
34 | </script>
35 | 
36 | <ListPost {posts} {author} {category} />
37 | 


--------------------------------------------------------------------------------
/src/components/PageView.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { Link } from "svero";
 3 | 
 4 |   export let post;
 5 |   export let category;
 6 |   export let author;
 7 | </script>
 8 | 
 9 | <style>
10 |   .row-cen {
11 |     flex-direction: column;
12 |     align-items: center;
13 |   }
14 |   .date {
15 |     margin-left: 10px;
16 |     margin-top: 12px;
17 |   }
18 |   .name {
19 |     font-size: 29px;
20 |   }
21 |   .cat {
22 |     font-size: 18px;
23 |     margin-left: 6px;
24 |   }
25 | </style>
26 | 
27 | <h1 class="row row-cen">{post.title.rendered}</h1>
28 | 
29 | <div class="row">
30 |   {#each $author as auth}
31 |     {#if post.author === auth.id}
32 |       <div class="column">
33 |         <div class="row">
34 |           <Link href="/author/{auth.name}">
35 |             <p class="name">{auth.name}</p>
36 |           </Link>
37 | 
38 |           <p class="date">{new Date(post.date).toDateString()}</p>
39 |         </div>
40 |       </div>
41 |     {/if}
42 |   {/each}
43 |   <div class="column">
44 |     <div class="rev">
45 |       {#each post.categories as id_cat}
46 |         {#each $category as cat}
47 |           {#if id_cat === cat.id}
48 |             <Link href="/category/{cat.name}">
49 |               <p class="cat">{cat.name}</p>
50 |             </Link>
51 |           {/if}
52 |         {/each}
53 |       {/each}
54 |     </div>
55 |   </div>
56 | </div>
57 | 
58 | <p>
59 |   {@html post.content.rendered}
60 | </p>
61 | 


--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
 1 | import svelte from "rollup-plugin-svelte";
 2 | import resolve from "rollup-plugin-node-resolve";
 3 | import commonjs from "rollup-plugin-commonjs";
 4 | import livereload from "rollup-plugin-livereload";
 5 | import dotenv from "rollup-plugin-dotenv";
 6 | import { terser } from "rollup-plugin-terser";
 7 | 
 8 | const production = !process.env.ROLLUP_WATCH;
 9 | 
10 | export default {
11 |   input: "src/main.js",
12 |   output: {
13 |     sourcemap: true,
14 |     format: "iife",
15 |     name: "app",
16 |     file: "public/bundle.js"
17 |   },
18 |   plugins: [
19 |     svelte({
20 |       // enable run-time checks when not in production
21 |       dev: !production,
22 |       // we'll extract any component CSS out into
23 |       // a separate file — better for performance
24 |       css: css => {
25 |         css.write("public/bundle.css");
26 |       }
27 |     }),
28 | 
29 |     // If you have external dependencies installed from
30 |     // npm, you'll most likely need these plugins. In
31 |     // some cases you'll need additional configuration —
32 |     // consult the documentation for details:
33 |     // https://github.com/rollup/rollup-plugin-commonjs
34 |     resolve(),
35 |     commonjs(),
36 |     dotenv(),
37 |     // Watch the `public` directory and refresh the
38 |     // browser on changes when not in production
39 |     !production && livereload("public"),
40 | 
41 |     // If we're building for production (npm run build
42 |     // instead of npm run dev), minify
43 |     production && terser()
44 |   ],
45 |   watch: {
46 |     clearScreen: false
47 |   }
48 | };
49 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Deploy
 2 | 
 3 | 1. Clone this rep
 4 | 2. Change env to tou url
 5 | 3. Build
 6 | 
 7 | ```bash
 8 | npm i
 9 | npm run build
10 | ```
11 | 
12 | 4. Send folder to server
13 | 
14 | _Psst — looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)_
15 | 
16 | ---
17 | 
18 | # svelte app
19 | 
20 | This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
21 | 
22 | To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
23 | 
24 | ```bash
25 | npx degit sveltejs/template svelte-app
26 | cd svelte-app
27 | ```
28 | 
29 | _Note that you will need to have [Node.js](https://nodejs.org) installed._
30 | 
31 | ## Get started
32 | 
33 | Install the dependencies...
34 | 
35 | ```bash
36 | cd svelte-app
37 | npm install
38 | ```
39 | 
40 | ...then start [Rollup](https://rollupjs.org):
41 | 
42 | ```bash
43 | npm run dev
44 | ```
45 | 
46 | Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
47 | 
48 | ## Deploying to the web
49 | 
50 | ### With [now](https://zeit.co/now)
51 | 
52 | Install `now` if you haven't already:
53 | 
54 | ```bash
55 | npm install -g now
56 | ```
57 | 
58 | Then, from within your project folder:
59 | 
60 | ```bash
61 | now
62 | ```
63 | 
64 | As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.
65 | 
66 | ### With [surge](https://surge.sh/)
67 | 
68 | Install `surge` if you haven't already:
69 | 
70 | ```bash
71 | npm install -g surge
72 | ```
73 | 
74 | Then, from within your project folder:
75 | 
76 | ```bash
77 | npm run build
78 | surge public
79 | ```
80 | 


--------------------------------------------------------------------------------
/src/components/Comments.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   export let comments;
 3 |   export let id;
 4 |   let form = {
 5 |     name: "",
 6 |     email: "",
 7 |     comment: ""
 8 |   };
 9 |   let error = "";
10 |   async function handleSubmit() {
11 |     const rawResponse = await fetch(
12 |       process.env.SITE + "/wp-json/wp/v2/comments",
13 |       {
14 |         method: "POST",
15 |         headers: {
16 |           Accept: "application/json",
17 |           "Content-Type": "application/json"
18 |         },
19 |         body: JSON.stringify({
20 |           author_email: form.email,
21 |           author_name: form.name,
22 |           author_url: "",
23 |           content: form.comment,
24 |           post: id
25 |         })
26 |       }
27 |     );
28 | 
29 |     error = "You comment add to moderation";
30 |   }
31 | </script>
32 | 
33 | <style>
34 |   .date {
35 |     margin-top: -30px;
36 |   }
37 | </style>
38 | 
39 | {#if comments.length > 0}
40 |   <h2>{comments.length} comments</h2>
41 | 
42 |   {#each comments as com}
43 |     <div class="row">
44 |       <div class="column">
45 |         <img src={com.author_avatar_urls[96]} alt="" />
46 |         <p>{com.author_name}</p>
47 |         <p class="date"> {new Date(com.date).toDateString()}</p>
48 |       </div>
49 |       <div class="column column-75 ">
50 |         <p>
51 |           {@html com.content.rendered}
52 |         </p>
53 |       </div>
54 |     </div>
55 |   {/each}
56 | {:else}
57 |   <h2>Not comments</h2>
58 | {/if}
59 | 
60 | <h2>Write comment</h2>
61 | 
62 | {#if error !== ''}
63 |   <h2>{error}</h2>
64 | {/if}
65 | 
66 | <form on:submit|preventDefault={handleSubmit}>
67 |   <input
68 |     bind:value={form.name}
69 |     type="text"
70 |     required
71 |     placeholder="Enter your name" />
72 |   <input
73 |     bind:value={form.email}
74 |     type="email"
75 |     required
76 |     placeholder="Enter your email" />
77 |   <textarea
78 |     bind:value={form.comment}
79 |     type="text"
80 |     required
81 |     placeholder="You text" />
82 |   <button type="submit">Post comment</button>
83 | </form>
84 | 


--------------------------------------------------------------------------------
/src/components/ListPost.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { Link } from "svero";
 3 | 
 4 |   export let posts;
 5 |   export let category;
 6 |   export let author;
 7 | </script>
 8 | 
 9 | <style>
10 |   .row-cen {
11 |     flex-direction: column;
12 |     align-items: center;
13 |   }
14 |   .date {
15 |     margin-left: 10px;
16 |     margin-top: 12px;
17 |   }
18 |   .name {
19 |     font-size: 29px;
20 |   }
21 |   .cat {
22 |     font-size: 18px;
23 |     margin-left: 6px;
24 |   }
25 |   .post {
26 |     font-size: 26px;
27 |   }
28 | 
29 |   .rev dt {
30 |     font-size: 18px;
31 |     margin-left: 6px;
32 |   }
33 | </style>
34 | 
35 | <dl class="rev">
36 |   {#each $category as cat}
37 |     <dt>
38 |       <Link href="/category/{cat.name}"> {cat.name} </Link>
39 |     </dt>
40 |   {:else}
41 |     <p>loading...</p>
42 |   {/each}
43 | </dl>
44 | 
45 | {#each posts as post}
46 |   <Link href="/{post.id}" className="btn row row-cen">
47 |     <h1>{post.title.rendered}</h1>
48 |   </Link>
49 |   <div class="row">
50 |     {#each $author as auth}
51 |       {#if post.author === auth.id}
52 |         <div class="column">
53 |           <div class="row">
54 |             <Link href="/author/{auth.name}">
55 |               <p class="name">{auth.name}</p>
56 |             </Link>
57 | 
58 |             <p class="date">{new Date(post.date).toDateString()}</p>
59 |           </div>
60 |         </div>
61 |       {/if}
62 |     {/each}
63 |     <div class="column">
64 |       <div class="rev">
65 |         {#each post.categories as id_cat}
66 |           {#each $category as cat}
67 |             {#if id_cat === cat.id}
68 |               <Link href="/category/{cat.name}">
69 |                 <p class="cat">{cat.name}</p>
70 |               </Link>
71 |             {/if}
72 |           {/each}
73 |         {/each}
74 |       </div>
75 |     </div>
76 |   </div>
77 |   <div class="row row-cen">
78 |     <p class="post">
79 |       {@html post.excerpt.rendered}
80 |     </p>
81 |   </div>
82 | {:else}
83 |   <div class="row row-cen">
84 |     <p>loading...</p>
85 |   </div>
86 | {/each}
87 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>                                                                                                                             
 2 | <html <?php language_attributes(); ?>>                                                                                                      
 3 |         <head>                                                                                                                              
 4 |                 <meta charset="<?php bloginfo( 'charset' ); ?>">                                                                            
 5 |                 <meta name="viewport" content="width=device-width,initial-scale=1">                                                         
 6 |                 <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/public/favicon.png">                                    
 7 |                 <link rel='stylesheet' href='<?php echo get_template_directory_uri(); ?>/public/global.css'>                                        
 8 |                 <link rel='stylesheet' href='<?php echo get_template_directory_uri(); ?>/public/bundle.css'>                                    
 9 |                 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
10 | 	            <link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
11 | 	            <link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
12 |                 <title><?php bloginfo('name')?></title>                                                                                     
13 |                 <?php wp_head(); ?>                                                                                                         
14 |         </head>                                                                                                                             
15 |         <body>                                                                                                                              
16 |                                                                                                                                             
17 |                                                                                                                                             
18 |                                                                                                                                             
19 |         <?php wp_footer(); ?>                                                                                                               
20 |                                                                                                                                             
21 |                 <script src='<?php echo get_template_directory_uri(); ?>/public/bundle.js'></script>                                        
22 |         </body>                                                                                                                             
23 | </html>                                                                                                                                     
24 | 


--------------------------------------------------------------------------------