New style for the website
Squashed commit of the following:
commit ade162a90192325721fb5007dbd9976a3121c968
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Nov 4 12:08:51 2017 +0000
Compress frontend assets
commit cbb35750b1068f0cc5eaccd330ac5ba6ad514491
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Nov 4 12:02:58 2017 +0000
the brotli executable has been renamed to `brotli`
commit 413b330d6982653fb7edf49c83a3464335dde1ad
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Nov 4 11:17:32 2017 +0000
Update changelog
commit 4fc41cf546743fc6ae31a4c62c0f8152f13067d7
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Nov 4 09:47:55 2017 +0000
Add some minor layout improvements for mobile
commit 5b4c5a16589f54469bdbb6aa3829a5e0d2ed2591
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Nov 2 10:26:47 2017 +0000
Recompiled assets
commit fe14725f39d529c560f47c525e4deb70ea60b990
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Nov 2 10:26:11 2017 +0000
Add solarized light colour scheme
commit e359f66b069efbe65b60780687a8d21d09f259c2
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Nov 2 10:24:50 2017 +0000
Refer to termcolors not base16 base numbers
commit 0d794e1b69dc2f98bc663d4b4804fa47d484dc98
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Nov 2 10:23:07 2017 +0000
Use termcolors so we can pull in other colour schemes such as solarized
commit 28e2ec2a4495d045876677703158ff3c547dd503
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Wed Nov 1 20:56:55 2017 +0000
Allow theme to be selected, save the selection in the session
commit 53e2aafa93324538dbcc8220b1eca5a1087d2a2f
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 15:41:18 2017 +0000
colour picker now shows current value
commit 6a9a0a880bbd0d01394bf6403f5ec607d5b300f6
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 15:14:19 2017 +0000
Use a form element
commit ff7f0e35c3e17872bebc45c8eba328f4a4352903
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 15:10:57 2017 +0000
Add option to change colour scheme in the HTML, js to add next
commit 6b9de5869835cc44d9db162f0d217f302f7025ec
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 15:07:52 2017 +0000
Add the base16 colour schemes
commit e18ff119c33edd135e4b4b34052381803d39734f
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 11:59:40 2017 +0000
Remove bullet points from tags
commit f4f013c323073f7b4e8b7e196d0078aab3d29878
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 30 10:30:39 2017 +0000
Some more styling, particularly tags, added a base16 colour scheme
commit 81e8773969503e8d52840039b6fe0922cabd3dcc
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Fri Oct 27 16:20:29 2017 +0100
Compiled app.css
commit 19e960b713fd880cccfd7e2db63013b5b2127dbd
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Fri Oct 27 16:17:17 2017 +0100
Remove unused .scss files
commit 5900d8a4bb4fc54003b84e42dd938d44e8fb46ea
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Fri Oct 27 16:14:58 2017 +0100
Most pages now have acceptible layout, removed colour scheme, will be in future commit
commit ec15d1c5e388f8224ffbc3a2074714cc9bc4ce6b
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Oct 26 19:02:40 2017 +0100
Updated frontend css
commit 2000e5c582ac3dd45c9b67bf680d219a60190725
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Thu Oct 26 19:01:14 2017 +0100
Very basic restyling of the site
commit a3959377ff4595ab956dfb82fa7404fcdde81310
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Mon Oct 23 09:00:30 2017 +0100
Improved spacing/indenting of html in views
commit 66f2dcfd1f2c5a779cedad78c11f627c2d39e01f
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sun Oct 22 22:45:10 2017 +0100
Remove most styles
This commit is contained in:
parent
32de1142e7
commit
f8e27600ef
207 changed files with 3235 additions and 1355 deletions
|
|
@ -1,15 +1,15 @@
|
|||
@section('bio')
|
||||
<div class="h-card">
|
||||
<p>My name is <span class="p-name p-author">Jonny Barnes</span>, and <a rel="me" href="https://jonnybarnes.uk" class="u-url"><code>jonnybarnes.uk</code></a> is my site. I’m from <a href="https://en.wikipedia.org/wiki/Manchester" class="h-adr p-adr"><span class="p-locality">Manchester</span>, <abbr class="p-country-name" title="United Kingdom">UK</abbr></a>.</p>
|
||||
<p>I am active to varying degrees on several <a href="https://indieweb.org/silo">silos</a>:</p>
|
||||
<ul class="social-list">
|
||||
<li>I keep in touch with friends on <a rel="me" href="https://www.facebook.com/jonnybarnes" class="u-url">Facebook</a></li>
|
||||
<li>I follow people I find interesting on <a rel="me" href="https://twitter.com/jonnybarnes" class="u-url">Twitter</a></li>
|
||||
<li>I push code to <a rel="me" href="https://github.com/jonnybarnes" class="u-url">GitHub</a></li>
|
||||
<li>I scrobble songs to <a rel="me" href="https://last.fm/user/jonnymbarnes" class="u-url">last.fm</a> that I listen to on <a rel="me" href="https://open.spotify.com/user/jonnybarnes89" class="u-url">Spotify</a></li>
|
||||
<li>I post photos to <a rel="me" href="https://www.instagram.com/jonnybarnes/">Instagram</a></li>
|
||||
<li>I also post to <a rel="me" href="https://pnut.io/@jonnybarnes">pnut.io</a></li>
|
||||
</ul>
|
||||
<p>My usual online nickname is normally <code class="nickname">jonnybarnes</code> for other services. Here’s a <a href="/assets/img/jmb-bw.png" class="u-photo photo">profile pic</a>. I also have a <a class="pgpkey" href="/assets/jonnybarnes-public-key-ecc.asc">PGP key</a>, with <a href="/notes/5g">fingerprint</a>. You can email me at jonny at my domain, or message me on XMPP using the same address.</p>
|
||||
</div>
|
||||
<div class="h-card">
|
||||
<p>My name is <span class="p-name p-author">Jonny Barnes</span>, and <a rel="me" href="https://jonnybarnes.uk" class="u-url"><code>jonnybarnes.uk</code></a> is my site. I’m from <a href="https://en.wikipedia.org/wiki/Manchester" class="h-adr p-adr"><span class="p-locality">Manchester</span>, <abbr class="p-country-name" title="United Kingdom">UK</abbr></a>.</p>
|
||||
<p>I am active to varying degrees on several <a href="https://indieweb.org/silo">silos</a>:</p>
|
||||
<ul class="social-list">
|
||||
<li>I keep in touch with friends on <a rel="me" href="https://www.facebook.com/jonnybarnes" class="u-url">Facebook</a></li>
|
||||
<li>I follow people I find interesting on <a rel="me" href="https://twitter.com/jonnybarnes" class="u-url">Twitter</a></li>
|
||||
<li>I push code to <a rel="me" href="https://github.com/jonnybarnes" class="u-url">GitHub</a></li>
|
||||
<li>I scrobble songs to <a rel="me" href="https://last.fm/user/jonnymbarnes" class="u-url">last.fm</a> that I listen to on <a rel="me" href="https://open.spotify.com/user/jonnybarnes89" class="u-url">Spotify</a></li>
|
||||
<li>I post photos to <a rel="me" href="https://www.instagram.com/jonnybarnes/">Instagram</a></li>
|
||||
<li>I also post to <a rel="me" href="https://pnut.io/@jonnybarnes">pnut.io</a></li>
|
||||
</ul>
|
||||
<p>My usual online nickname is normally <code class="nickname">jonnybarnes</code> for other services. Here’s a <a href="/assets/img/jmb-bw.png" class="u-photo photo">profile pic</a>. I also have a <a class="pgpkey" href="/assets/jonnybarnes-public-key-ecc.asc">PGP key</a>, with <a href="/notes/5g">fingerprint</a>. You can email me at jonny at my domain, or message me on XMPP using the same address.</p>
|
||||
</div>
|
||||
@stop
|
||||
|
|
|
|||
106
resources/views/templates/colour-scheme.blade.php
Normal file
106
resources/views/templates/colour-scheme.blade.php
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<form id="colourSchemeForm">
|
||||
{{ csrf_field() }}
|
||||
<select id="colourSchemeSelect" name="css">
|
||||
<option value="base16-3024.css">base16-3024.css</option>
|
||||
<option value="base16-apathy.css">base16-apathy.css</option>
|
||||
<option value="base16-ashes.css">base16-ashes.css</option>
|
||||
<option value="base16-atelier-cave-light.css">base16-atelier-cave-light.css</option>
|
||||
<option value="base16-atelier-cave.css">base16-atelier-cave.css</option>
|
||||
<option value="base16-atelier-dune-light.css">base16-atelier-dune-light.css</option>
|
||||
<option value="base16-atelier-dune.css">base16-atelier-dune.css</option>
|
||||
<option value="base16-atelier-estuary-light.css">base16-atelier-estuary-light.css</option>
|
||||
<option value="base16-atelier-estuary.css">base16-atelier-estuary.css</option>
|
||||
<option value="base16-atelier-forest-light.css">base16-atelier-forest-light.css</option>
|
||||
<option value="base16-atelier-forest.css">base16-atelier-forest.css</option>
|
||||
<option value="base16-atelier-heath-light.css">base16-atelier-heath-light.css</option>
|
||||
<option value="base16-atelier-heath.css">base16-atelier-heath.css</option>
|
||||
<option value="base16-atelier-lakeside-light.css">base16-atelier-lakeside-light.css</option>
|
||||
<option value="base16-atelier-lakeside.css">base16-atelier-lakeside.css</option>
|
||||
<option value="base16-atelier-plateau-light.css">base16-atelier-plateau-light.css</option>
|
||||
<option value="base16-atelier-plateau.css">base16-atelier-plateau.css</option>
|
||||
<option value="base16-atelier-savanna-light.css">base16-atelier-savanna-light.css</option>
|
||||
<option value="base16-atelier-savanna.css">base16-atelier-savanna.css</option>
|
||||
<option value="base16-atelier-seaside-light.css">base16-atelier-seaside-light.css</option>
|
||||
<option value="base16-atelier-seaside.css">base16-atelier-seaside.css</option>
|
||||
<option value="base16-atelier-sulphurpool-light.css">base16-atelier-sulphurpool-light.css</option>
|
||||
<option value="base16-atelier-sulphurpool.css">base16-atelier-sulphurpool.css</option>
|
||||
<option value="base16-bespin.css">base16-bespin.css</option>
|
||||
<option value="base16-brewer.css">base16-brewer.css</option>
|
||||
<option value="base16-bright.css">base16-bright.css</option>
|
||||
<option value="base16-brushtrees-dark.css">base16-brushtrees-dark.css</option>
|
||||
<option value="base16-brushtrees.css">base16-brushtrees.css</option>
|
||||
<option value="base16-chalk.css">base16-chalk.css</option>
|
||||
<option value="base16-circus.css">base16-circus.css</option>
|
||||
<option value="base16-classic-dark.css">base16-classic-dark.css</option>
|
||||
<option value="base16-classic-light.css">base16-classic-light.css</option>
|
||||
<option value="base16-codeschool.css">base16-codeschool.css</option>
|
||||
<option value="base16-cupcake.css">base16-cupcake.css</option>
|
||||
<option value="base16-cupertino.css">base16-cupertino.css</option>
|
||||
<option value="base16-darktooth.css">base16-darktooth.css</option>
|
||||
<option value="base16-default-dark.css">base16-default-dark.css</option>
|
||||
<option value="base16-default-light.css">base16-default-light.css</option>
|
||||
<option value="base16-dracula.css">base16-dracula.css</option>
|
||||
<option value="base16-eighties.css">base16-eighties.css</option>
|
||||
<option value="base16-embers.css">base16-embers.css</option>
|
||||
<option value="base16-flat.css">base16-flat.css</option>
|
||||
<option value="base16-github.css">base16-github.css</option>
|
||||
<option value="base16-google-dark.css">base16-google-dark.css</option>
|
||||
<option value="base16-google-light.css">base16-google-light.css</option>
|
||||
<option value="base16-grayscale-dark.css">base16-grayscale-dark.css</option>
|
||||
<option value="base16-grayscale-light.css">base16-grayscale-light.css</option>
|
||||
<option value="base16-greenscreen.css">base16-greenscreen.css</option>
|
||||
<option value="base16-gruvbox-dark-hard.css">base16-gruvbox-dark-hard.css</option>
|
||||
<option value="base16-gruvbox-dark-medium.css">base16-gruvbox-dark-medium.css</option>
|
||||
<option value="base16-gruvbox-dark-pale.css">base16-gruvbox-dark-pale.css</option>
|
||||
<option value="base16-gruvbox-dark-soft.css">base16-gruvbox-dark-soft.css</option>
|
||||
<option value="base16-gruvbox-light-hard.css">base16-gruvbox-light-hard.css</option>
|
||||
<option value="base16-gruvbox-light-medium.css">base16-gruvbox-light-medium.css</option>
|
||||
<option value="base16-gruvbox-light-soft.css">base16-gruvbox-light-soft.css</option>
|
||||
<option value="base16-harmonic-dark.css">base16-harmonic-dark.css</option>
|
||||
<option value="base16-harmonic-light.css">base16-harmonic-light.css</option>
|
||||
<option value="base16-hopscotch.css">base16-hopscotch.css</option>
|
||||
<option value="base16-irblack.css">base16-irblack.css</option>
|
||||
<option value="base16-isotope.css">base16-isotope.css</option>
|
||||
<option value="base16-macintosh.css">base16-macintosh.css</option>
|
||||
<option value="base16-marrakesh.css">base16-marrakesh.css</option>
|
||||
<option value="base16-materia.css">base16-materia.css</option>
|
||||
<option value="base16-material-darker.css">base16-material-darker.css</option>
|
||||
<option value="base16-material-lighter.css">base16-material-lighter.css</option>
|
||||
<option value="base16-material-palenight.css">base16-material-palenight.css</option>
|
||||
<option value="base16-material.css">base16-material.css</option>
|
||||
<option value="base16-mellow-purple.css">base16-mellow-purple.css</option>
|
||||
<option value="base16-mexico-light.css">base16-mexico-light.css</option>
|
||||
<option value="base16-mocha.css">base16-mocha.css</option>
|
||||
<option value="base16-monokai.css">base16-monokai.css</option>
|
||||
<option value="base16-nord.css">base16-nord.css</option>
|
||||
<option value="base16-ocean.css">base16-ocean.css</option>
|
||||
<option value="base16-oceanicnext.css">base16-oceanicnext.css</option>
|
||||
<option value="base16-one-light.css">base16-one-light.css</option>
|
||||
<option value="base16-onedark.css">base16-onedark.css</option>
|
||||
<option value="base16-paraiso.css">base16-paraiso.css</option>
|
||||
<option value="base16-phd.css">base16-phd.css</option>
|
||||
<option value="base16-pico.css">base16-pico.css</option>
|
||||
<option value="base16-pop.css">base16-pop.css</option>
|
||||
<option value="base16-railscasts.css">base16-railscasts.css</option>
|
||||
<option value="base16-rebecca.css">base16-rebecca.css</option>
|
||||
<option value="base16-seti.css">base16-seti.css</option>
|
||||
<option value="base16-shapeshifter.css">base16-shapeshifter.css</option>
|
||||
<option value="base16-solarflare.css">base16-solarflare.css</option>
|
||||
<option value="base16-solarized-dark.css">base16-solarized-dark.css</option>
|
||||
<option value="base16-solarized-light.css">base16-solarized-light.css</option>
|
||||
<option value="base16-spacemacs.css">base16-spacemacs.css</option>
|
||||
<option value="base16-summerfruit-dark.css">base16-summerfruit-dark.css</option>
|
||||
<option value="base16-summerfruit-light.css">base16-summerfruit-light.css</option>
|
||||
<option value="base16-tomorrow-night.css">base16-tomorrow-night.css</option>
|
||||
<option value="base16-tomorrow.css">base16-tomorrow.css</option>
|
||||
<option value="base16-tube.css">base16-tube.css</option>
|
||||
<option value="base16-twilight.css">base16-twilight.css</option>
|
||||
<option value="base16-unikitty-dark.css">base16-unikitty-dark.css</option>
|
||||
<option value="base16-unikitty-light.css">base16-unikitty-light.css</option>
|
||||
<option value="base16-woodland.css">base16-woodland.css</option>
|
||||
<option value="base16-xcode-dusk.css">base16-xcode-dusk.css</option>
|
||||
<option value="base16-zenburn.css">base16-zenburn.css</option>
|
||||
<option value="solarized-light.css">solarized-light.css</option>
|
||||
</select>
|
||||
<button type="button">Change colours</button>
|
||||
</form>
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.css">
|
||||
<script src="https://api.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.js" ></script>
|
||||
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.css">
|
||||
<script src="https://api.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.js" ></script>
|
||||
|
|
|
|||
|
|
@ -1,105 +0,0 @@
|
|||
<form action="{{ $action }}" method="post" enctype="multipart/form-data" accept-charset="utf-8"@if($micropub) name="micropub"@endif>
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<fieldset class="note-ui">
|
||||
<legend>New Note</legend>
|
||||
<div>
|
||||
<label for="in-reply-to" accesskey="r">Reply-to: </label>
|
||||
<input type="text"
|
||||
name="in-reply-to"
|
||||
id="in-reply-to"
|
||||
placeholder="in-reply-to-1 in-reply-to-2 …"
|
||||
value="{{ old('in-reply-to') }}"
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<label for="content" accesskey="n">Note: </label>
|
||||
<textarea name="content"
|
||||
id="content"
|
||||
placeholder="Note"
|
||||
autofocus="autofocus">{{ old('content') }}</textarea>
|
||||
</div>
|
||||
@if ($micropub === true)
|
||||
@if($syndication)
|
||||
<div>
|
||||
<label for="syndication" accesskey="s">Syndication: </label>
|
||||
<ul id="syndication">
|
||||
@foreach($syndication as $syn)
|
||||
<li><input type="checkbox"
|
||||
name="mp-syndicate-to[]"
|
||||
id="{{ $syn['target'] }}"
|
||||
value="{{ $syn['target'] }}"
|
||||
checked="checked"
|
||||
> <label for="{{ $syn['target'] }}">{{ $syn['name'] }}</label>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@if($mediaURLs)
|
||||
<div class="mp-media">
|
||||
<label for="media">Media:</label>
|
||||
<ul>
|
||||
@foreach($mediaURLs as $mediaURL)
|
||||
<li>
|
||||
<input type="checkbox" name="media[]" id="{{ $mediaURL }}" value="{{ $mediaURL }}" checked>
|
||||
<label for="{{ $mediaURL }}"><img src="{{ $mediaURL }}" alt=""></label>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<label for="kludge"></label>
|
||||
<a href="/micropub/media/clearlinks">Clear media</a>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
@if(!$mediaEndpoint)
|
||||
<div>
|
||||
<label for="photo" accesskey="p">Photo: </label>
|
||||
<input type="file"
|
||||
accept="image/*"
|
||||
value="Upload"
|
||||
name="photo[]"
|
||||
id="photo"
|
||||
multiple
|
||||
>
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
<label for="locate" accesskey="l"></label>
|
||||
<button type="button"
|
||||
name="locate"
|
||||
id="locate"
|
||||
value="Locate"
|
||||
disabled
|
||||
>Locate</button>
|
||||
<button type="submit"
|
||||
name="submit"
|
||||
id="submit"
|
||||
value="Submit"
|
||||
>Submit</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
@if($mediaEndpoint)
|
||||
<form action="{{ route('process-media') }}" method="post" enctype="multipart/form-data" accept-charset="utf8" name="media-upload">
|
||||
{{ csrf_field() }}
|
||||
<fieldset class="note-ui">
|
||||
<legend>Media Upload</legend>
|
||||
<div>
|
||||
<label for="media" accesskey="m">Media: </label>
|
||||
<input type="file"
|
||||
value="Upload"
|
||||
name="files[]"
|
||||
id="media"
|
||||
multiple
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<label for="kludge"></label>
|
||||
<button type="submit" name="upload-media" id="upload-media">Upload Media</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
@endif
|
||||
|
|
@ -1,53 +1,55 @@
|
|||
@if ($note->twitter)
|
||||
{!! $note->twitter->html !!}
|
||||
{!! $note->twitter->html !!}
|
||||
@elseif ($note->in_reply_to)
|
||||
<div class="p-in-reply-to h-cite reply-to">
|
||||
In reply to <a href="{{ $note->in_reply_to }}" class="u-url">{{ $note->in_reply_to }}</a>
|
||||
</div>
|
||||
<div class="p-in-reply-to h-cite reply-to">
|
||||
In reply to <a href="{{ $note->in_reply_to }}" class="u-url">{{ $note->in_reply_to }}</a>
|
||||
</div>
|
||||
@endif
|
||||
<div class="note">
|
||||
<div class="e-content p-name">
|
||||
{!! $note->note !!}
|
||||
@foreach($note->media as $media)
|
||||
@if($media->type == 'image')<a class="naked-link" href="{{ $media->url }}"><img class="u-photo" src="{{ $media->url }}" alt="" @if($media->image_widths !== null) srcset="{{ $media->url }} {{ $media->image_widths }}w, {{ $media->mediumurl }} 1000w, {{ $media->smallurl }} 500w" sizes="80vh"@endif></a>@endif
|
||||
@if($media->type == 'audio')<audio class="u-audio" src="{{ $media->url }}" controls>@endif
|
||||
@if($media->type == 'video')<video class="u-video" src="{{ $media->url }}" controls>@endif
|
||||
@if($media->type == 'download')<p><a class="u-attachment" href="{{ $media->url }}">Download the attached media</a></p>@endif
|
||||
@endforeach
|
||||
</div>
|
||||
@if($note->twitter_content)<div class="p-bridgy-twitter-content">
|
||||
{!! $note->twitter_content !!}
|
||||
</div>@endif
|
||||
@if($note->facebook_content)<div class="p-bridgy-facebook-content">
|
||||
{!! $note->facebook_content !!}
|
||||
</div>@endif
|
||||
<div class="note-metadata">
|
||||
<div>
|
||||
<a class="u-url" href="/notes/{{ $note->nb60id }}"><time class="dt-published" datetime="{{ $note->iso8601 }}" title="{{ $note->iso8601 }}">{{ $note->humandiff }}</time></a>@if($note->client) via <a class="client" href="{{ $note->client->client_url }}">{{ $note->client->client_name }}</a>@endif
|
||||
@if($note->place)in <span class="p-location h-card"><a class="p-name u-url" href="{{ $note->place->longurl }}">{{ $note->address }}</a><data class="p-latitude" value="{{ $note->place->latitude }}"></data><data class="p-longitude" value="{{ $note->place->longitude }}"></data></span>
|
||||
@elseif($note->address)in <span class="p-location h-adr">{!! $note->address !!}<data class="p-latitude" value="{{ $note->latitude }}"></data><data class="p-longitude" value="{{ $note->longitude }}"></data></span>@endif
|
||||
@if($note->replies_count > 0) @include('templates.replies-icon'): {{ $note->replies_count }}@endif
|
||||
</div>
|
||||
<div class="social-links">
|
||||
@if(
|
||||
$note->tweet_id ||
|
||||
$note->facebook_url ||
|
||||
$note->swarm_url ||
|
||||
$note->instagram_url)
|
||||
@include('templates.social-links', [
|
||||
'tweet_id' => $note->tweet_id,
|
||||
'facebook_url' => $note->facebook_url,
|
||||
'swarm_url' => $note->swarm_url,
|
||||
'instagram_url' => $note->instagram_url,
|
||||
])
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="note">
|
||||
<div class="e-content p-name">
|
||||
{!! $note->note !!}
|
||||
@foreach($note->media as $media)
|
||||
@if($media->type == 'image') <a class="naked-link" href="{{ $media->url }}"><img class="u-photo" src="{{ $media->url }}" alt="" @if($media->image_widths !== null) srcset="{{ $media->url }} {{ $media->image_widths }}w, {{ $media->mediumurl }} 1000w, {{ $media->smallurl }} 500w" sizes="80vh"@endif></a>@endif
|
||||
@if($media->type == 'audio') <audio class="u-audio" src="{{ $media->url }}" controls>@endif
|
||||
@if($media->type == 'video') <video class="u-video" src="{{ $media->url }}" controls>@endif
|
||||
@if($media->type == 'download') <p><a class="u-attachment" href="{{ $media->url }}">Download the attached media</a></p>@endif
|
||||
@endforeach
|
||||
</div>
|
||||
@if($note->twitter_content) <div class="p-bridgy-twitter-content">
|
||||
{!! $note->twitter_content !!}
|
||||
</div>@endif
|
||||
@if($note->facebook_content) <div class="p-bridgy-facebook-content">
|
||||
{!! $note->facebook_content !!}
|
||||
</div>@endif
|
||||
<div class="note-metadata">
|
||||
<div>
|
||||
<a class="u-url" href="/notes/{{ $note->nb60id }}"><time class="dt-published" datetime="{{ $note->iso8601 }}" title="{{ $note->iso8601 }}">{{ $note->humandiff }}</time></a>@if($note->client) via <a class="client" href="{{ $note->client->client_url }}">{{ $note->client->client_name }}</a>@endif
|
||||
@if($note->place) in <span class="p-location h-card"><a class="p-name u-url" href="{{ $note->place->longurl }}">{{ $note->address }}</a><data class="p-latitude" value="{{ $note->place->latitude }}"></data><data class="p-longitude" value="{{ $note->place->longitude }}"></data></span>
|
||||
@elseif($note->address) in <span class="p-location h-adr">{!! $note->address !!}<data class="p-latitude" value="{{ $note->latitude }}"></data><data class="p-longitude" value="{{ $note->longitude }}"></data></span>@endif
|
||||
@if($note->replies_count > 0) @include('templates.replies-icon'): {{ $note->replies_count }}@endif
|
||||
|
||||
</div>
|
||||
<div class="social-links">
|
||||
@if(
|
||||
$note->tweet_id ||
|
||||
$note->facebook_url ||
|
||||
$note->swarm_url ||
|
||||
$note->instagram_url)
|
||||
@include('templates.social-links', [
|
||||
'tweet_id' => $note->tweet_id,
|
||||
'facebook_url' => $note->facebook_url,
|
||||
'swarm_url' => $note->swarm_url,
|
||||
'instagram_url' => $note->instagram_url,
|
||||
])
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@if ($note->place)
|
||||
<div class="map"
|
||||
data-latitude="{{ $note->place->latitude }}"
|
||||
data-longitude="{{ $note->place->longitude }}"
|
||||
data-name="{{ $note->place->name }}"
|
||||
data-marker="{{ $note->place->icon }}"></div>
|
||||
<div class="map"
|
||||
data-latitude="{{ $note->place->latitude }}"
|
||||
data-longitude="{{ $note->place->longitude }}"
|
||||
data-name="{{ $note->place->name }}"
|
||||
data-marker="{{ $note->place->icon }}"></div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue