From bfc592ab6f4037a840f96cfbb962de38bf401f3b Mon Sep 17 00:00:00 2001
From: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Fri, 21 Oct 2016 15:53:21 +0100
Subject: [PATCH] Better markup for photos

---
 public/assets/css/global.css             |   2 +-
 public/assets/css/global.css.br          | Bin 1015 -> 1017 bytes
 public/assets/css/global.css.gz          | Bin 1240 -> 1242 bytes
 public/assets/css/maps/global.css.map    |   2 +-
 resources/assets/sass/layout.scss        |   2 +-
 resources/views/templates/note.blade.php |   2 +-
 6 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/assets/css/global.css b/public/assets/css/global.css
index 6262d99b..39a5fb92 100644
--- a/public/assets/css/global.css
+++ b/public/assets/css/global.css
@@ -1,3 +1,3 @@
-html{background:url("/assets/img/escheresque.png")}.map{height:150px}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}#topheader{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}#topheader a{padding:0.5em 1em}#topheader h1{font-size:1em;margin:0}nav{padding-top:0.5em}.social-list{padding-left:2em}.note{background-color:#eee8d5;box-shadow:0 0 10px 2px #93a1a1;padding:0.5em;margin-top:1em}.note::after{content:" ";display:block;height:0;clear:both}.note a{word-wrap:break-word}.note .e-content p:first-child{margin-top:0}.note-metadata{width:100%}.social-links{float:right}.social-links a{text-decoration:none}.icon{width:auto;height:1em;fill:#268bd2}.coordinates{font-size:60%;color:#839496}.reply{margin-left:2em;margin-right:2em;font-size:0.8em;padding:0.5em}.reply-to{margin-left:2em;margin-right:2em;font-size:0.8em;padding-top:2em}.reply-to+.note{margin-top:0.3em}.mini-h-card{border-radius:2px;border:1px solid #586e75;padding:0 0.2em;text-decoration:none;margin-right:5px;white-space:nowrap}.mini-h-card img{height:1em;border-radius:2px;vertical-align:text-bottom}.like-photo{height:1.26em}.reply .e-content{margin-top:0.5em;padding-left:0.5em}.notes-subtitle{font-size:1em}.note-photo{width:100%;height:auto;image-orientation:from-image}article header{margin-top:0.5em;margin-bottom:0.8em}article h1{font-size:1.2em;margin-bottom:0}.post-info{font-size:0.8em;font-style:italic;margin-top:-0.8em}.contact{position:relative}.contact-links{list-style-type:none}.contact img{height:auto;width:2em;position:absolute;top:0;left:0}.contact-info{margin-left:2em}#map{height:300px}@media (min-width: 700px){main{margin-left:10em;margin-right:10em}footer{margin-left:13em;margin-right:13em}.youtube{width:640px;height:360px}}@media (max-width: 699px){main{margin-left:10px;margin-right:10px}article{word-wrap:break-word}footer{margin-left:15px;margin-right:15px}.youtube{width:100%;height:auto}}body{text-rendering:optimizeLegibility;font-feature-settings:"liga";font-family:"leitura-news",serif;font-size:1.2em}code{font-family:"Operator Mono","Monaco","Inconsolata",monospace;font-weight:200}#topheader h1{font-family:"leitura-news",serif}h1{font-family:"prenton",sans-serif}#topheader a{text-decoration:none}nav{font-feature-settings:"dlig"}article header h1 a{text-decoration:none}article div a{text-decoration:none}footer{font-size:0.8em}.emoji{width:auto;height:1em}body{color:#002b36}header a{color:#002b36}a{color:#268bd2}form{width:100%}fieldset{min-width:0;width:100%}input[type="text"],input[type="file"],textarea{width:100%}input,button,textarea{-webkit-appearance:none;-moz-appearance:none;background-color:#002b36;color:#fdf6e3;border:1px solid #fdf6e3;border-radius:4px;font-size:1em}textarea{font-size:1.2em}button:hover{transition:0.5s ease-in-out;background-color:#fdf6e3;color:#002b36}button:disabled{background-color:#93a1a1;color:#002b36}input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox}#photo{background:inherit;color:inherit;border:none}.twitter-tweet-rendered{margin-bottom:0 !important}.twitter-tweet-rendered+.note{margin-top:0}
+html{background:url("/assets/img/escheresque.png")}.map{height:150px}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}#topheader{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}#topheader a{padding:0.5em 1em}#topheader h1{font-size:1em;margin:0}nav{padding-top:0.5em}.social-list{padding-left:2em}.note{background-color:#eee8d5;box-shadow:0 0 10px 2px #93a1a1;padding:0.5em;margin-top:1em}.note::after{content:" ";display:block;height:0;clear:both}.note a{word-wrap:break-word}.note .e-content p:first-child{margin-top:0}.note-metadata{width:100%}.social-links{float:right}.social-links a{text-decoration:none}.icon{width:auto;height:1em;fill:#268bd2}.coordinates{font-size:60%;color:#839496}.reply{margin-left:2em;margin-right:2em;font-size:0.8em;padding:0.5em}.reply-to{margin-left:2em;margin-right:2em;font-size:0.8em;padding-top:2em}.reply-to+.note{margin-top:0.3em}.mini-h-card{border-radius:2px;border:1px solid #586e75;padding:0 0.2em;text-decoration:none;margin-right:5px;white-space:nowrap}.mini-h-card img{height:1em;border-radius:2px;vertical-align:text-bottom}.like-photo{height:1.26em}.reply .e-content{margin-top:0.5em;padding-left:0.5em}.notes-subtitle{font-size:1em}.note .u-photo{width:100%;height:auto;image-orientation:from-image}article header{margin-top:0.5em;margin-bottom:0.8em}article h1{font-size:1.2em;margin-bottom:0}.post-info{font-size:0.8em;font-style:italic;margin-top:-0.8em}.contact{position:relative}.contact-links{list-style-type:none}.contact img{height:auto;width:2em;position:absolute;top:0;left:0}.contact-info{margin-left:2em}#map{height:300px}@media (min-width: 700px){main{margin-left:10em;margin-right:10em}footer{margin-left:13em;margin-right:13em}.youtube{width:640px;height:360px}}@media (max-width: 699px){main{margin-left:10px;margin-right:10px}article{word-wrap:break-word}footer{margin-left:15px;margin-right:15px}.youtube{width:100%;height:auto}}body{text-rendering:optimizeLegibility;font-feature-settings:"liga";font-family:"leitura-news",serif;font-size:1.2em}code{font-family:"Operator Mono","Monaco","Inconsolata",monospace;font-weight:200}#topheader h1{font-family:"leitura-news",serif}h1{font-family:"prenton",sans-serif}#topheader a{text-decoration:none}nav{font-feature-settings:"dlig"}article header h1 a{text-decoration:none}article div a{text-decoration:none}footer{font-size:0.8em}.emoji{width:auto;height:1em}body{color:#002b36}header a{color:#002b36}a{color:#268bd2}form{width:100%}fieldset{min-width:0;width:100%}input[type="text"],input[type="file"],textarea{width:100%}input,button,textarea{-webkit-appearance:none;-moz-appearance:none;background-color:#002b36;color:#fdf6e3;border:1px solid #fdf6e3;border-radius:4px;font-size:1em}textarea{font-size:1.2em}button:hover{transition:0.5s ease-in-out;background-color:#fdf6e3;color:#002b36}button:disabled{background-color:#93a1a1;color:#002b36}input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox}#photo{background:inherit;color:inherit;border:none}.twitter-tweet-rendered{margin-bottom:0 !important}.twitter-tweet-rendered+.note{margin-top:0}
 
 /*# sourceMappingURL=maps/global.css.map */
diff --git a/public/assets/css/global.css.br b/public/assets/css/global.css.br
index 996165aecea01a3a3547d6ceba782dd5d8ee72ac..ab0946c127f7451bc0b8d5a764c4c631816f1d36 100644
GIT binary patch
delta 567
zcmey){*#?aI(j411;+Xfku`q0i96*E&r-~~+1dPcNtV!(pC?xes7z+Kx$dAR|1PI<
z>zSI*6iI#%%02VgN291utIZ?q#~Y>>>64ZxNGFwKoYPb><*b!Y;|@_eu`o7gO`c$N
zgU^wRtu1ZOw!gTsW?Ga-v_grC(t)qPukoE>ou1g&HhE4;%PFJJa^0sV)^C3BTh{*0
zY`;psNbmF_w|Pf}xBiMLky!CspZn>8TgOXn6>{Fc+N7{WC^X~g#%ph-7SCSRn8?01
z=Y57i?=<t>Nueu#nDx!~dM4wm;F&4s^n1U>nwk&nHAi2XX<PQKP;}a{%Rm3*%=uQC
zn}0RTS*SjR&rkYGZMb*Lk8@RPPA_$+pXK%`&gyUe#{T}kKf$|B7M~8TH}mslaaCW>
zl;m;h+RX1Fk<*eNb5A{4@-9I8e$QSV{?KiOmpGoiu{c$D>v#)K)HFRYbG15;*XAiX
z<-soXY}z~@_n%KqNtn3e)uuHP)Awivi*GM{)cnZTdq;@ty#u1GH&33ql<;)=@6Q+J
zFR!bQHx;+GcU~80oVlewv|7t$(IkHdRnN|+g&ZF*B(7<wNNueB6>z;w>hzRjbE~##
z#z-sNpLFKMX%)*{Gu0K3SS8A*v%6^>ur1s>Y0~oRscG|Kyxpgi#q4_NT*|EBzVGbc
zweHIjVrN;Op0mWXv~1ms%(%S7R-q@|y1ODHas>}Q(bmh+G|W8C)@Q1-DkAdO;=rnj
fGV>$mta|&PfBpLM+mT7j6)hTn2i;z<!^0f_|Hu?r

delta 565
zcmey#{+*pkI$|T!1;+XnGwqg7+Yr;A=-VH)=z-)_9*@bB-4&hG7}v)#Pm(KXofE^#
zFtgRDK~-wT@tF!wWI}l+t~qd%^~iY@^MhtAFD}gS^~e(XZg)m(h0X+L>+2DBl|C>`
z>sZWvlP5R-Vx(E>)(P7jUUcX*y#Bsca0a*TVF@mEOHcNxsn2Y~rYWZ%tpC2dW{3IQ
zPjiB%oqN(_!>yL}b>}04fa~#MryRHTzfN+vaqp_BV}|Og3#XFT-ZphJ_hmlJ7j^UA
zMGh(5{Ia8~0zT%-*iSvfIZI$tk<F2>^@R~XAMpR^y389^BopY+QV=`;-XvrD(o4&}
zFj_kMYsk(qc=3DPv>hMjevO#^y1}Hk{>k6sU-y&b<z;^^FPZ#&+VX!kb7paL`Ngra
zOqil;^j>q5&cS2iT9aSiSs1WSvN}?FRnFrl0zNkir##-$&ndY@CsrrV=g)*|`6q6?
zTh{T9Crsi|{rnRr4k&qFO^r0vs|;PHm-l!L`_$Rfa#yzOY1HQ0G<oLIgPZifKX<hE
z|GO`%UazdKEoMR5rHucpK7@3*NX~CCnzZTEV}VBt4@dm_aLU55enqx*Z>rs6KijJ!
z>v${jJ=4CVPMWiArclT`rk>rWos~o%%-a#?dGhjWBV&KPCCaa?*4_THa2Mm0<a^Kl
zT~iL;pm%m|s^6tqR@T!`o9J)f;Kcdq=(9UIYqoVH6p3%soHAp}Vy5F#VxcQ_9$(bh
g>(S?<<9Dg-!}06aclYXS+$}I?SMAE&fS4u90EoyIX8-^I

diff --git a/public/assets/css/global.css.gz b/public/assets/css/global.css.gz
index a4eaf8b23ac8274a9c24a66aff3d7d9f5c4bd36e..62c57d9ac487d36160a5e7c5b6f60d714e214e03 100644
GIT binary patch
delta 1233
zcmcb?d5d#`Wc{~$zseNf8t#3r8hapNim1>;w&{<Lm!D5q7~3<qs&x4a`+DDt0g1Z1
zd!F-4FOCjXSvxVm?fRW4hictdXH9SHVPgK)FSf`n_t5rVE1vm=H{J-Dp_BhO?Y_0Z
z-t@3NB3YADZiysFWd7Q|{+{0?9<SVlADz=V(q3taEaZM8zG604eTCySryFjcoDXH4
z_TsGm<hM6(LU8_q`Y(EhRnzBr2(M`<=hg3043N3&B&)M<-mKNB;aRQBk{&0fUAvRh
z;`J!*<68SuC+^F>S6*FwP<8U5M~fq!I!|V8(CRhtR6D)(idrPYf!M;?a`~|zn<9=m
z%IIhoAME<4_b&g(B>l^p!RPCrNL0VvSo^Q&5f9g70}grP$)0oVmn26%GMRpWSCmP+
ze2US=#j7^Veds$$@&SL&1ovc?oFhE5mWUivI<2kPop(s7Y~LETC#>#=gjvH*8ui7`
ze&T9-qmS#Lp&|3+VD5<yH<Yy%uD30|pcNS9D9_nt_voY8*8Rr<CI)%T)CqgNyM9f?
z*T8k1TLNSb`e|+Ni}yYrbN}ug`~C6XCpNmt+0@1>&cD()E7&IS$VJ&J%S|N$C0_mK
zeo~cg+FEtI^rXqgi)SAMaH~cfEz0Z4lTkR#eeqVyES1t(DV~3mwu-oJ*s(YIaQAKX
zV~#SsE_$jzro7WV_*Sd&K+fS}h5m(_ejF_ICO_{k;doxNEg|4ZNQB-|H`U`SX1ZM|
z5!RGzFrDi5w?lC4wSLbTCAUp@*S%ft{4`|UTb<3hZA_|j{MO_@xW+oi<mnBUbqih2
znjhFAD01cLQj=Y2?xpA3S9@^WSzK@~Gi1l>oxgq=Zx&aHn!EdZ;9^~)g<f~h?mlv|
zV!{NDCqYl@FK<lO3o?1q_56llk42EVf@PPk&8%ZPCm-s|;Nj=par2Yix+RmR?C{}j
zk#DR_+nOVI>G9p*aOVC8>kQ_%)EVAnGyk}O*KW;10h@}=YUbi96^0V`7HxK#%b@f4
zrw;F|eOIIo&Z)XLr&4bDvjx#P#uBgh)%g_$olmpfP`T*v_j&c_e*ODrBx_~B?Iacd
zx|{!n>$>g5GaQYdTfM)y?|eyN0sj)l&<4q4QRW(1Su@TjC>trV%Eersa$uwB0Ud=&
z^L?FWIm`9A#c@|Eh;kG?@;P{}Eqt25>5^+}Yu9nV@bjy^+3;|M?}wdXR(rT!+Rx*+
zuUWG~c+E7K%8Jm*AAi(Y)E|-EvD~2V`R}jt9AAs)A8T-0d*aO0)N|=fKgG3EZd|XQ
zIHSo(_*~nZ8Gl75mFpb&wmv52?DNZa+yh?UKl;@6S(mlmN{hHu^Vj$8XDs`+DZXl{
z+1HYr)0k2c8Fw#d?7rL?yJFc<`F8OKdkYrG|En<#o$AE2l8xK^!0w+XSFdqBRsVl7
z^HsBIffE&%8O&pzKA6U}`s-=qr+;1_zklle^GzDp3yKrxS{}~1Y_r_as`j0H<k{ah
zHu`DpU3yBvuqgl5hnCw6J6PRrUeY}$;b$@T!`F(|4K|YlN}eCTlYaZn4U@~2tUsNX
zeSdg<deMuucKzvXbq~XC1*iPq`X;IBr21vs?_N8EI}#+`G5m3M`jYOgS>bx6*X)Go
zzpE3u<+c89PQRY7zanYv$%n;@e3-xeHJ`sX{PVH6{3Yjh^b}<)Pio%2e*RxhErBZ^
IVt5!B0B@sY=Kufz

delta 1231
zcmcb`d4qF;Wc{}D`(iz+eco4k$|o3fwYn@h`1HreyUINulHOcdy?W-w`hT;$9G7MY
zd2E+nn>EvQt62W8?+HAUc0PalOwKoIf!k;IUPo2)f6=)CPFF=vn6tWm4vmn#CFdeL
z<Dve}J1(7<B(u^~-`+0IcMojZdFjSq7R!Zlvx_n>T5dHC3T>QFADMg1SM`C!#!DMw
z9vqB1-n_>8c=Mrui@!|_`~BmQ$)QgRRw|sfa!=fF=+f+D%P{fJYT=Wtj3gpsW18+2
zNVcwRxmz$b^7p?gX^E*t0zL)K>01xXS>(EWYFB}X&or%tB__^C+H*wb$Hh9NMYhGg
zIGg)qPwQXn>X<_^&pyt0dEiO?lWMyJ{*T_e=~G00&a3b9Q3~1B8yj`VLX_i{T2t4*
zRlP^zUiQ2-4GCN%xNVKKb!x+z#H!FK#kn0zS;ZrblLWtQTjSEibK=p*o~{hJw)MS_
zl(sM1*vZgUa{Nh9vZsJtN9qhM-Xl|cmQ1?AcBiVmB4D!Ayo;$S&z)R0AN{3xvR*8A
zf|mCzZv~UZXVxCRo+SRd{psV+$4jL%)*LBZV4sq~k>$Qt+$OQ*AoH~8mIWF;SN^jU
zZQU&4y!UeWNsA2!HyLZ}e6l7%^TnD%-X)5Uw|3@CJhE41*6k`ouMcNtua&#@BkAjr
z8{Ex(C)P5=Uy6;~QG1Yc=1K+E?2DpDSsBll)z=w&9WtFSoApSOgRLn)rR38r4W-n0
zr5|FEp&CKyJqa7_*b_r?7aQ!@v_C^jTgvOcL9qG}&j&k_=U%In4qdW(!M<4)oYE;?
z#Z#`Zt6pD~qF%^-*P5j&??;T_E7o_pwMFgLlRpaTtUG&qK~S5-^qpDDR4>hcsbTPl
zrD^%&dFl0gmoMNJS#l*pqHfW;K!%U9^Fr6XWHIOKy|~fodc?W3Dd+7}YL{3YN>A|U
z5i(7zsj9xCp5Rd6KVyrdwe;Gi)EjG?_`T0qROC;)wx;~i-WMYIH+RRxF`PM^sa!hA
zEW9fqK1y%Bj=yeki0M_%U3=EgkGB7KAnoqP%0<lWjpu%Stp8{xTb=mmh*w+8{W<f@
zcdlEPuqNeHY1HD}*(=`M@OSSua=!a@%c_p)+Y;;!^ZM_2Q1Yf*&3!?Xvav_XTc0Pl
z)mZLpE`0JR!}Y{kL4(ff$M+?>XB?lLl^Z-YvAFQ{X)e<Vm+n3H()xdH`+vt<e?M&W
znQG$2&{!WH^)$2MOGova`sWD}ar)Qyt6uTT)#{xzWlPqCwy$Q&C-&cvzq{#Q_kk2M
zqkl_I>TcfeB*kOA@3*$_^v|B=+Zm_5DzB^V{CcufT8l^gWYJwd{aGFDpErCgT6+59
zva^<5XB15RdBu(?+fEPlwJ#HXV7q_u`~NlOVozfhh?YuS;5hr`S!|H7=FgP+gyPvb
zmWC^|Sa^+&)-B!;w0Dn?pM7mx_|bP$(tk=#zrOp7rdsy1ow-X+N7kpAu6;bOG-QSB
zt2P~F^UH5I%;lOK(-tqynq?qUxa)!SgVZ|?N(R~M*6qySc5-XslFLk&a~JXbJHI{2
zA|qC2z3AID@tOYf+Wk|XU!EIt=FX1gw(1^EXEXXOc!a#`H%-|SUJ<G3tMGFDx;sC-
zGUwawuCGor4tp(PzkNz>bM61L>F=io%>3OOz}cZ-s<t8h{oCK^^-LFwVrNJ4FfafB
DCVgRp

diff --git a/public/assets/css/maps/global.css.map b/public/assets/css/maps/global.css.map
index e9990b24..7a486b0f 100644
--- a/public/assets/css/maps/global.css.map
+++ b/public/assets/css/maps/global.css.map
@@ -1 +1 @@
-{"version":3,"sources":["global.scss","layout.scss","components/fonts.scss","components/colours.scss","components/forms.scss","components/twitter.scss"],"names":[],"mappings":"AA0BA,KACI,6CAAe,CAClB,KAGG,YAAc,CACjB,KC7BG,qBAAuB,CAC1B,qBAKG,kBAAoB,CACvB,WAGG,oBAAA,AACA,aAAA,kBAAA,AAAe,aAAA,CAClB,aAGG,iBAAmB,CACtB,cAGG,cACA,QAAU,CACb,IAGG,iBAAmB,CACtB,aAGG,gBAAkB,CACrB,MAKG,yBACA,gCACA,cACA,cAAgB,CACnB,aAGG,YACA,cACA,SACA,UAAY,CACf,QAGG,oBAAsB,CACzB,+BAGG,YAAc,CACjB,eAGG,UAAY,CACf,cAGG,WAAa,CAChB,gBAGG,oBAAsB,CACzB,MAGG,WACA,WACA,YDpDe,CCqDlB,aAGG,cACA,aDlEe,CCmElB,OAGG,gBACA,iBACA,gBACA,aAAe,CAClB,UAGG,gBACA,iBACA,gBACA,eAAiB,CACpB,gBAGG,gBAAkB,CACrB,aAGG,kBACA,yBACA,gBACA,qBACA,iBACA,kBAAoB,CACvB,iBAGG,WACA,kBACA,0BAA4B,CAC/B,YAGG,aAAe,CAClB,kBAGG,iBACA,kBAAoB,CACvB,gBAGG,aAAe,CAClB,YAGG,WACA,YACA,4BAA8B,CACjC,eAKG,iBACA,mBAAqB,CACxB,WAGG,gBACA,eAAiB,CACpB,WAGG,gBACA,kBACA,iBAAmB,CACtB,SAIG,iBAAmB,CACtB,eAGG,oBAAsB,CACzB,aAGG,YACA,UACA,kBACA,MACA,MAAQ,CACX,cAGG,eAAiB,CACpB,KAGG,YAAc,CACjB,0BAIG,KACI,iBACA,iBAAmB,CACtB,OAGG,iBACA,iBAAmB,CACtB,SAGG,YACA,YAAc,CACjB,CAGL,0BACI,KACI,iBACA,iBAAmB,CACtB,QAGG,oBAAsB,CACzB,OAGG,iBACA,iBAAmB,CACtB,SAGG,WACA,WAAa,CAChB,CClNL,KACI,kCACA,6BACA,iCACA,eAAiB,CACpB,KAGG,6DACA,eAAiB,CACpB,cAGG,gCFZmC,CEatC,GAGG,gCFfsC,CEgBzC,aAGG,oBAAsB,CACzB,IAGG,4BAA8B,CACjC,oBAGG,oBAAsB,CACzB,cAGG,oBAAsB,CACzB,OAGG,eAAiB,CACpB,OAGG,WACA,UAAY,CACf,KC3CG,aHMe,CGLlB,SAGG,aHEe,CGDlB,EAGG,aHWe,CGVlB,KCRG,UAAY,CACf,SAGG,YACA,UAAY,CACf,+CAKG,UAAY,CACf,sBAKG,wBACA,qBACA,yBACA,cACA,yBACA,kBACA,aAAe,CAClB,SAGG,eAAiB,CACpB,aAGG,4BACA,yBACA,aJ5Be,CI6BlB,gBAGG,yBACA,aJjCe,CIkClB,uBAGG,4BACA,wBAA0B,CAC7B,OAGG,mBACA,cACA,WAAa,CAChB,wBClDG,0BAA4B,CAC/B,8BAGG,YAAc,CACjB","file":"../global.css","sourcesContent":["//global.scss\n\n//variables\n$font-stack-body: \"leitura-news\", serif;\n$font-stack-headers: \"prenton\", sans-serif;\n$font-stack-code: \"Operator Mono\", \"Monaco\", \"Inconsolata\", monospace;\n\n//solarized variables TERMCOL\n$base03:    #002b36;//brblack\n$base02:    #073642;//black\n$base01:    #586e75;//brgreen\n$base00:    #657b83;//bryellow\n$base0:     #839496;//brblue\n$base1:     #93a1a1;//brcyan\n$base2:     #eee8d5;//white\n$base3:     #fdf6e3;//brwhite\n$yellow:    #b58900;\n$orange:    #cb4b16;\n$red:       #dc322f;\n$magenta:   #d33682;\n$violet:    #6c71c4;\n$blue:      #268bd2;\n$cyan:      #2aa198;\n$green:     #859900;\n\n//global styles\nhtml {\n    background: url('/assets/img/escheresque.png');\n}\n\n.map {\n    height: 150px;\n}\n\n//layout\n@import \"layout\";\n\n//components\n@import \"components/fonts\";\n@import \"components/colours\";\n@import \"components/forms\";\n@import \"components/twitter\";\n","//layout.scss\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\n#topheader {\n    display: flex;\n    flex-flow: row;\n}\n\n#topheader a {\n    padding: 0.5em 1em;\n}\n\n#topheader h1 {\n    font-size: 1em;\n    margin: 0;\n}\n\nnav {\n    padding-top: 0.5em;\n}\n\n.social-list {\n    padding-left: 2em;\n}\n\n// notes\n\n.note {\n    background-color: $base2;\n    box-shadow: 0 0 10px 2px $base1;\n    padding: 0.5em;\n    margin-top: 1em;\n}\n\n.note::after {\n    content: \" \";\n    display: block;\n    height: 0;\n    clear: both;\n}\n\n.note a {\n    word-wrap: break-word;\n}\n\n.note .e-content p:first-child {\n    margin-top: 0;\n}\n\n.note-metadata {\n    width: 100%;\n}\n\n.social-links {\n    float: right;\n}\n\n.social-links a {\n    text-decoration: none;\n}\n\n.icon {\n    width: auto;\n    height: 1em;\n    fill: $blue;\n}\n\n.coordinates {\n    font-size: 60%;\n    color: $base0;\n}\n\n.reply {\n    margin-left: 2em;\n    margin-right: 2em;\n    font-size: 0.8em;\n    padding: 0.5em;\n}\n\n.reply-to {\n    margin-left: 2em;\n    margin-right: 2em;\n    font-size: 0.8em;\n    padding-top: 2em;\n}\n\n.reply-to + .note {\n    margin-top: 0.3em;\n}\n\n.mini-h-card {\n    border-radius: 2px;\n    border: 1px solid $base01;\n    padding: 0 0.2em;\n    text-decoration: none;\n    margin-right: 5px;\n    white-space: nowrap;\n}\n\n.mini-h-card img {\n    height: 1em;\n    border-radius: 2px;\n    vertical-align: text-bottom;\n}\n\n.like-photo {\n    height: 1.26em;\n}\n\n.reply .e-content {\n    margin-top: 0.5em;\n    padding-left: 0.5em;\n}\n\n.notes-subtitle {\n    font-size: 1em;\n}\n\n.note-photo {\n    width: 100%;\n    height: auto;\n    image-orientation: from-image;\n}\n\n//articles\n\narticle header {\n    margin-top: 0.5em;\n    margin-bottom: 0.8em;\n}\n\narticle h1 {\n    font-size: 1.2em;\n    margin-bottom: 0;\n}\n\n.post-info {\n    font-size: 0.8em;\n    font-style: italic;\n    margin-top: -0.8em;\n}\n\n//contacts\n.contact {\n    position: relative;\n}\n\n.contact-links {\n    list-style-type: none;\n}\n\n.contact img {\n    height: auto;\n    width: 2em;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.contact-info {\n    margin-left: 2em;\n}\n\n#map {\n    height: 300px;\n}\n\n/* media queries */\n@media (min-width: 700px) {\n    main {\n        margin-left: 10em;\n        margin-right: 10em;\n    }\n\n    footer {\n        margin-left: 13em;\n        margin-right: 13em;\n    }\n\n    .youtube {\n        width: 640px;\n        height: 360px;\n    }\n}\n\n@media (max-width: 699px) {\n    main {\n        margin-left: 10px;\n        margin-right: 10px;\n    }\n\n    article {\n        word-wrap: break-word;\n    }\n\n    footer {\n        margin-left: 15px;\n        margin-right: 15px;\n    }\n\n    .youtube {\n        width: 100%;\n        height: auto;\n    }\n}\n","//fonts.scss\n\nbody {\n    text-rendering: optimizeLegibility;\n    font-feature-settings: \"liga\";\n    font-family: $font-stack-body;\n    font-size: 1.2em;\n}\n\ncode {\n    font-family: $font-stack-code;\n    font-weight: 200;\n}\n\n#topheader h1 {\n    font-family: $font-stack-body;\n}\n\nh1 {\n    font-family: $font-stack-headers;\n}\n\n#topheader a {\n    text-decoration: none;\n}\n\nnav {\n    font-feature-settings: \"dlig\";\n}\n\narticle header h1 a {\n    text-decoration: none;\n}\n\narticle div a {\n    text-decoration: none;\n}\n\nfooter {\n    font-size: 0.8em;\n}\n\n.emoji {\n    width: auto;\n    height: 1em;\n}\n","//colours.scss\nbody {\n    color: $base03;\n}\n\nheader a {\n    color: $base03;\n}\n\na {\n    color: $blue;\n}\n","//forms.scss\n\nform {\n    width: 100%;\n}\n\nfieldset {\n    min-width: 0;\n    width: 100%;\n}\n\ninput[type=\"text\"],\ninput[type=\"file\"],\ntextarea {\n    width: 100%;\n}\n\ninput,\nbutton,\ntextarea {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-color: $base03;\n    color: $base3;\n    border: 1px solid $base3;\n    border-radius: 4px;\n    font-size: 1em;\n}\n\ntextarea {\n    font-size: 1.2em; //textarea doesn’t resize with the rest\n}\n\nbutton:hover {\n    transition: 0.5s ease-in-out;\n    background-color: $base3;\n    color: $base03;\n}\n\nbutton:disabled {\n    background-color: $base1;\n    color: $base03;\n}\n\ninput[type=\"checkbox\"] {\n    -webkit-appearance: checkbox;\n    -moz-appearance: checkbox;\n}\n\n#photo {\n    background: inherit;\n    color: inherit;\n    border: none;\n}\n","//twitter.scss\n\n.twitter-tweet-rendered {\n    margin-bottom: 0 !important;\n}\n\n.twitter-tweet-rendered + .note {\n    margin-top: 0;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["global.scss","layout.scss","components/fonts.scss","components/colours.scss","components/forms.scss","components/twitter.scss"],"names":[],"mappings":"AA0BA,KACI,6CAAe,CAClB,KAGG,YAAc,CACjB,KC7BG,qBAAuB,CAC1B,qBAKG,kBAAoB,CACvB,WAGG,oBAAA,AACA,aAAA,kBAAA,AAAe,aAAA,CAClB,aAGG,iBAAmB,CACtB,cAGG,cACA,QAAU,CACb,IAGG,iBAAmB,CACtB,aAGG,gBAAkB,CACrB,MAKG,yBACA,gCACA,cACA,cAAgB,CACnB,aAGG,YACA,cACA,SACA,UAAY,CACf,QAGG,oBAAsB,CACzB,+BAGG,YAAc,CACjB,eAGG,UAAY,CACf,cAGG,WAAa,CAChB,gBAGG,oBAAsB,CACzB,MAGG,WACA,WACA,YDpDe,CCqDlB,aAGG,cACA,aDlEe,CCmElB,OAGG,gBACA,iBACA,gBACA,aAAe,CAClB,UAGG,gBACA,iBACA,gBACA,eAAiB,CACpB,gBAGG,gBAAkB,CACrB,aAGG,kBACA,yBACA,gBACA,qBACA,iBACA,kBAAoB,CACvB,iBAGG,WACA,kBACA,0BAA4B,CAC/B,YAGG,aAAe,CAClB,kBAGG,iBACA,kBAAoB,CACvB,gBAGG,aAAe,CAClB,eAGG,WACA,YACA,4BAA8B,CACjC,eAKG,iBACA,mBAAqB,CACxB,WAGG,gBACA,eAAiB,CACpB,WAGG,gBACA,kBACA,iBAAmB,CACtB,SAIG,iBAAmB,CACtB,eAGG,oBAAsB,CACzB,aAGG,YACA,UACA,kBACA,MACA,MAAQ,CACX,cAGG,eAAiB,CACpB,KAGG,YAAc,CACjB,0BAIG,KACI,iBACA,iBAAmB,CACtB,OAGG,iBACA,iBAAmB,CACtB,SAGG,YACA,YAAc,CACjB,CAGL,0BACI,KACI,iBACA,iBAAmB,CACtB,QAGG,oBAAsB,CACzB,OAGG,iBACA,iBAAmB,CACtB,SAGG,WACA,WAAa,CAChB,CClNL,KACI,kCACA,6BACA,iCACA,eAAiB,CACpB,KAGG,6DACA,eAAiB,CACpB,cAGG,gCFZmC,CEatC,GAGG,gCFfsC,CEgBzC,aAGG,oBAAsB,CACzB,IAGG,4BAA8B,CACjC,oBAGG,oBAAsB,CACzB,cAGG,oBAAsB,CACzB,OAGG,eAAiB,CACpB,OAGG,WACA,UAAY,CACf,KC3CG,aHMe,CGLlB,SAGG,aHEe,CGDlB,EAGG,aHWe,CGVlB,KCRG,UAAY,CACf,SAGG,YACA,UAAY,CACf,+CAKG,UAAY,CACf,sBAKG,wBACA,qBACA,yBACA,cACA,yBACA,kBACA,aAAe,CAClB,SAGG,eAAiB,CACpB,aAGG,4BACA,yBACA,aJ5Be,CI6BlB,gBAGG,yBACA,aJjCe,CIkClB,uBAGG,4BACA,wBAA0B,CAC7B,OAGG,mBACA,cACA,WAAa,CAChB,wBClDG,0BAA4B,CAC/B,8BAGG,YAAc,CACjB","file":"../global.css","sourcesContent":["//global.scss\n\n//variables\n$font-stack-body: \"leitura-news\", serif;\n$font-stack-headers: \"prenton\", sans-serif;\n$font-stack-code: \"Operator Mono\", \"Monaco\", \"Inconsolata\", monospace;\n\n//solarized variables TERMCOL\n$base03:    #002b36;//brblack\n$base02:    #073642;//black\n$base01:    #586e75;//brgreen\n$base00:    #657b83;//bryellow\n$base0:     #839496;//brblue\n$base1:     #93a1a1;//brcyan\n$base2:     #eee8d5;//white\n$base3:     #fdf6e3;//brwhite\n$yellow:    #b58900;\n$orange:    #cb4b16;\n$red:       #dc322f;\n$magenta:   #d33682;\n$violet:    #6c71c4;\n$blue:      #268bd2;\n$cyan:      #2aa198;\n$green:     #859900;\n\n//global styles\nhtml {\n    background: url('/assets/img/escheresque.png');\n}\n\n.map {\n    height: 150px;\n}\n\n//layout\n@import \"layout\";\n\n//components\n@import \"components/fonts\";\n@import \"components/colours\";\n@import \"components/forms\";\n@import \"components/twitter\";\n","//layout.scss\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\n#topheader {\n    display: flex;\n    flex-flow: row;\n}\n\n#topheader a {\n    padding: 0.5em 1em;\n}\n\n#topheader h1 {\n    font-size: 1em;\n    margin: 0;\n}\n\nnav {\n    padding-top: 0.5em;\n}\n\n.social-list {\n    padding-left: 2em;\n}\n\n// notes\n\n.note {\n    background-color: $base2;\n    box-shadow: 0 0 10px 2px $base1;\n    padding: 0.5em;\n    margin-top: 1em;\n}\n\n.note::after {\n    content: \" \";\n    display: block;\n    height: 0;\n    clear: both;\n}\n\n.note a {\n    word-wrap: break-word;\n}\n\n.note .e-content p:first-child {\n    margin-top: 0;\n}\n\n.note-metadata {\n    width: 100%;\n}\n\n.social-links {\n    float: right;\n}\n\n.social-links a {\n    text-decoration: none;\n}\n\n.icon {\n    width: auto;\n    height: 1em;\n    fill: $blue;\n}\n\n.coordinates {\n    font-size: 60%;\n    color: $base0;\n}\n\n.reply {\n    margin-left: 2em;\n    margin-right: 2em;\n    font-size: 0.8em;\n    padding: 0.5em;\n}\n\n.reply-to {\n    margin-left: 2em;\n    margin-right: 2em;\n    font-size: 0.8em;\n    padding-top: 2em;\n}\n\n.reply-to + .note {\n    margin-top: 0.3em;\n}\n\n.mini-h-card {\n    border-radius: 2px;\n    border: 1px solid $base01;\n    padding: 0 0.2em;\n    text-decoration: none;\n    margin-right: 5px;\n    white-space: nowrap;\n}\n\n.mini-h-card img {\n    height: 1em;\n    border-radius: 2px;\n    vertical-align: text-bottom;\n}\n\n.like-photo {\n    height: 1.26em;\n}\n\n.reply .e-content {\n    margin-top: 0.5em;\n    padding-left: 0.5em;\n}\n\n.notes-subtitle {\n    font-size: 1em;\n}\n\n.note .u-photo {\n    width: 100%;\n    height: auto;\n    image-orientation: from-image;\n}\n\n//articles\n\narticle header {\n    margin-top: 0.5em;\n    margin-bottom: 0.8em;\n}\n\narticle h1 {\n    font-size: 1.2em;\n    margin-bottom: 0;\n}\n\n.post-info {\n    font-size: 0.8em;\n    font-style: italic;\n    margin-top: -0.8em;\n}\n\n//contacts\n.contact {\n    position: relative;\n}\n\n.contact-links {\n    list-style-type: none;\n}\n\n.contact img {\n    height: auto;\n    width: 2em;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.contact-info {\n    margin-left: 2em;\n}\n\n#map {\n    height: 300px;\n}\n\n/* media queries */\n@media (min-width: 700px) {\n    main {\n        margin-left: 10em;\n        margin-right: 10em;\n    }\n\n    footer {\n        margin-left: 13em;\n        margin-right: 13em;\n    }\n\n    .youtube {\n        width: 640px;\n        height: 360px;\n    }\n}\n\n@media (max-width: 699px) {\n    main {\n        margin-left: 10px;\n        margin-right: 10px;\n    }\n\n    article {\n        word-wrap: break-word;\n    }\n\n    footer {\n        margin-left: 15px;\n        margin-right: 15px;\n    }\n\n    .youtube {\n        width: 100%;\n        height: auto;\n    }\n}\n","//fonts.scss\n\nbody {\n    text-rendering: optimizeLegibility;\n    font-feature-settings: \"liga\";\n    font-family: $font-stack-body;\n    font-size: 1.2em;\n}\n\ncode {\n    font-family: $font-stack-code;\n    font-weight: 200;\n}\n\n#topheader h1 {\n    font-family: $font-stack-body;\n}\n\nh1 {\n    font-family: $font-stack-headers;\n}\n\n#topheader a {\n    text-decoration: none;\n}\n\nnav {\n    font-feature-settings: \"dlig\";\n}\n\narticle header h1 a {\n    text-decoration: none;\n}\n\narticle div a {\n    text-decoration: none;\n}\n\nfooter {\n    font-size: 0.8em;\n}\n\n.emoji {\n    width: auto;\n    height: 1em;\n}\n","//colours.scss\nbody {\n    color: $base03;\n}\n\nheader a {\n    color: $base03;\n}\n\na {\n    color: $blue;\n}\n","//forms.scss\n\nform {\n    width: 100%;\n}\n\nfieldset {\n    min-width: 0;\n    width: 100%;\n}\n\ninput[type=\"text\"],\ninput[type=\"file\"],\ntextarea {\n    width: 100%;\n}\n\ninput,\nbutton,\ntextarea {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-color: $base03;\n    color: $base3;\n    border: 1px solid $base3;\n    border-radius: 4px;\n    font-size: 1em;\n}\n\ntextarea {\n    font-size: 1.2em; //textarea doesn’t resize with the rest\n}\n\nbutton:hover {\n    transition: 0.5s ease-in-out;\n    background-color: $base3;\n    color: $base03;\n}\n\nbutton:disabled {\n    background-color: $base1;\n    color: $base03;\n}\n\ninput[type=\"checkbox\"] {\n    -webkit-appearance: checkbox;\n    -moz-appearance: checkbox;\n}\n\n#photo {\n    background: inherit;\n    color: inherit;\n    border: none;\n}\n","//twitter.scss\n\n.twitter-tweet-rendered {\n    margin-bottom: 0 !important;\n}\n\n.twitter-tweet-rendered + .note {\n    margin-top: 0;\n}\n"]}
\ No newline at end of file
diff --git a/resources/assets/sass/layout.scss b/resources/assets/sass/layout.scss
index d4bd6ef7..312904eb 100644
--- a/resources/assets/sass/layout.scss
+++ b/resources/assets/sass/layout.scss
@@ -125,7 +125,7 @@ nav {
     font-size: 1em;
 }
 
-.note-photo {
+.note .u-photo {
     width: 100%;
     height: auto;
     image-orientation: from-image;
diff --git a/resources/views/templates/note.blade.php b/resources/views/templates/note.blade.php
index 9e5f0b95..140d057d 100644
--- a/resources/views/templates/note.blade.php
+++ b/resources/views/templates/note.blade.php
@@ -10,7 +10,7 @@
       {!! $note->note !!}
       @if(count($note->photoURLs) > 0)
         @foreach($note->photoURLs as $photoURL)
-          <img src="{{ $photoURL }}" alt="" class="note-photo">
+          <img src="{{ $photoURL }}" alt="" class="u-photo">
         @endforeach
       @endif
     </div>