Merge pull request #435 from FitzwilliamMuseum/issue-432-footer-css

Fix css and add SVG

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
     "/js/app.js": "/js/app.js?id=0566922439f19b3a6b59bb845fd54251",
     "/css/app.css": "/css/app.css?id=e8c524b8f4ccb36bd05047c1944f16d0",
-    "/css/fitzwilliam.css": "/css/fitzwilliam.css?id=f1251539ba49761e4c45e7d4e78eeaaa"
+    "/css/fitzwilliam.css": "/css/fitzwilliam.css?id=062889d56e9323545e9da2ad85b8ce30"
 }

resources/css/site.css

@@ -273,8 +273,25 @@ h5 > a:hover::before {
     visibility: visible;
     transform: scaleX(1);
 }
-
-
+.open-link a {
+    color: #fff;
+}
+.btn-circle.btn-xl {
+    width: 50px;
+    height: 50px;
+    padding: 10px 16px;
+    border-radius: 35px;
+    font-size: 12px;
+    text-align: center;
+}
+.form-control {
+    border-radius: 0;
+}
+a {
+    background-color: transparent;
+    color: #731100;
+    text-decoration: none;
+}
 .free_ticket a {
     color: #fff !important;
 }
@@ -469,14 +486,6 @@ a.nav-link {
     margin-bottom: 0;
 }
 
-.btn {
-    border-radius: 0;
-}
-
-.form-control {
-    border-radius: 0;
-}
-
 a.text-center.btn.btn-outline-light.btn__book {
     border: 4px solid white;
 }

resources/views/highlights/details.blade.php

@@ -30,7 +30,9 @@ class="btn btn-dark mr-2 mt-2">{{$record['period_assigned']}}</a>
         @endif
         @if(isset($record['themes']))
             @foreach($record['themes'] as $th)
-                <a href="{{route('theme', [$th]) }}" class="btn btn-dark mr-2 mt-2">{{str_replace('-',' ',$th)}}</a>
+                <a href="{{route('theme', [$th]) }}" class="btn btn-dark mr-2 mt-2">
+                    {{str_replace('-',' ',$th)}}
+                </a>
             @endforeach
         @endif
     </div>

resources/views/includes/structure/email-signup.blade.php

@@ -4,11 +4,11 @@
             <div class="btn-sign rounded-left rounded-right">
                 <div class="btn-sign-box"></div>
                 <div class="btn-sign-text">
-                    <h3>
+                    <h5>
                         <a href="https://tickets.museums.cam.ac.uk/account/create" class="stretch-link">
                             Sign up for updates
                         </a>
-                    </h3>
+                    </h5>
                     <p class="text-center">Updates about future exhibitions and displays, family activities, virtual
                         events & news. You'll be the first to know...</p>
                 </div>

resources/views/learning/lookthinkdoactivity.blade.php

@@ -20,14 +20,10 @@ class="img-fluid" alt="{{ $look['title_of_work'] }}" loading="lazy"
                          height="{{ $look['focus_image']['height'] }}"
                     />
                 </figure>
-                <span class="btn btn-dark m-1 p-2 share">
-            <a href="{{ $look['focus_image']['data']['full_url'] }}" target="_blank"
-               download><i class="fas fa-download mr-2"></i>  Download this image</a>
-          </span>
-                <span class="btn btn-dark p-2">
-            <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img
-                    alt="Creative Commons Licence"
-                    src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png"/></a></span>
+                <a class="btn btn-dark m-1 p-2" href="{{ $look['focus_image']['data']['full_url'] }}" target="_blank"
+                download>@svg('fas-download', ['width' => 15, 'height'=> 15]) Download this image</a>
+                <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
+                    <img alt="Creative Commons Licence" src="{{ asset('/images/logos/by-nc-nd.svg') }}"/></a>
             </div>
             @if(!is_null($look['main_text_description']))
 
@@ -112,11 +108,11 @@ class="img-fluid" alt="{{ $look['title_of_work'] }}" loading="lazy"
                         @if(!is_null($look['associated_pharos'][0]['pharos_id']['image']))
                             <a href="{{ route('highlight', $look['associated_pharos'][0]['pharos_id']['slug']) }}">
                                 <img class="img-fluid"
-                                    src="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['url']}}"
-                                    alt="{{ $look['associated_pharos'][0]['pharos_id']['image_alt_text'] }}"
-                                    loading="lazy"
-                                    width="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['width'] }}"
-                                    height="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['height'] }}"
+                                     src="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['url']}}"
+                                     alt="{{ $look['associated_pharos'][0]['pharos_id']['image_alt_text'] }}"
+                                     loading="lazy"
+                                     width="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['width'] }}"
+                                     height="{{ $look['associated_pharos'][0]['pharos_id']['image']['data']['thumbnails'][4]['height'] }}"
                                 /></a>
                         @endif
                         <div class="card-body h-100">