Split blade templates

labmonkey · labmonkey · commit 255bad0e7f2a · 2016-05-07T20:49:03.000+02:00
diff --git a/readme.md b/readme.md
@@ -16,6 +16,9 @@ The purpose of this application was to create a simple project based on Laravel
 - Includes PHPUnit tests. Placed in `tests/ConverterTest.php` and run by typing `vendor/bin/phpunit`
 - Project structure was made using Laravel installer
 
+#### Frontend
+The theme is built using gulp, elixir ans scss. It's designed with simplicity in mind. Blade templates are split into multiple files.
+
 ### Use Case
 
 - When submitted the form should display both the integer and roman numeral
diff --git a/resources/views/converter.blade.php b/resources/views/converter.blade.php
@@ -1,15 +1,10 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Roman numerals converter</title>
+@extends('layout.base')
 
-    <link href='https://fonts.googleapis.com/css?family=Lato:100,400,300,700,900' rel='stylesheet' type='text/css'>
+@section('head')
+    <title>Roman numerals converter</title>
+@endsection
 
-    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/app.css') }}"/>
-    <script type="text/javascript" src="{{ URL::asset('js/app.js') }}"></script>
-</head>
-<body>
-<div class="container">
+@section('content')
     <section class="header">
         <h1>Roman numerals converter</h1>
     </section>
@@ -52,9 +47,5 @@
                 </ul>
             @endif
         </div>
-
     </section>
-</div>
-</body>
-</html>
-
+@endsection
diff --git a/resources/views/layout/base.blade.php b/resources/views/layout/base.blade.php
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    @include('layout.head')
+    @yield('head')
+</head>
+<body>
+<div class="container">
+    @yield('content')
+</div>
+</body>
+</html>
+
diff --git a/resources/views/layout/head.blade.php b/resources/views/layout/head.blade.php
@@ -0,0 +1,4 @@
+<link href='https://fonts.googleapis.com/css?family=Lato:100,400,300,700,900' rel='stylesheet' type='text/css'>
+
+<link type="text/css" rel="stylesheet" href="{{ URL::asset('css/app.css') }}"/>
+<script type="text/javascript" src="{{ URL::asset('js/app.js') }}"></script>
