Add placeholders for correctly-sized social share images

readme.md

@@ -111,6 +111,9 @@ ## Public
 * `resources/sass/partials`: Stylessheets for partial-specific styles wrapped in the respective partial component class
 * `resources/sass/classes`: General stylesheets for classes that can be used anywhere
 * `resources/sass/mixins`: Stylesheets declaring SCSS mixins for use in other stylesheets
+* `public/favicon.ico` and `public/favicon.png`: Placeholders for the favicon files
+* `public/img/logo.png`: Placeholder for the website logo
+* `public/img/social-image-card.jpg` and `public/img/social-image-opengraph.jpg`: Placeholders for images that will show up in social shares
 
 Dependencies can be included with npm and loaded either into the `jsPublicLibs` array in the gulpfile or imported in the javascript.
 

resources/views/templates/base.blade.php

@@ -30,12 +30,12 @@
         <meta property="og:title" content="{{ $meta['title'] }}" />
         <meta property="og:description" content="{{ $meta['description'] }}" />
         <meta property="og:url" content="{{ Request::url() }}" />
-        <meta property="og:image" content="{{ asset('/img/logo.png') }}" />
+        <meta property="og:image" content="{{ asset('/img/social-image-opengraph.jpg') }}" />
 
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:title" content="{{ $meta['title'] }}" />
         <meta name="twitter:description" content="{{ $meta['description'] }}" />
-        <meta name="twitter:image" content="{{ asset('/img/logo.png') }}" />
+        <meta name="twitter:image" content="{{ asset('/img/social-image-card.jpg') }}" />
 
         <link rel="shortcut icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" />
         <link rel="icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" type="image/x-icon" />