Some redesign work, that didnt actually use grid
Squashed commit of the following:
commit 1701a33d313d0969b061c8a87734395312045d9a
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Mar 16 18:44:29 2019 +0000
Try and get security checker working again
commit 2f81f28419304cad1678c6ee054eb3c8782fa082
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Mar 16 18:38:41 2019 +0000
Make sure aaron's profile pic is saved
commit 8a78aeec9c648a647fcb5d778b3003df5c3f653e
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat Mar 16 18:16:16 2019 +0000
Lets push out the new style as is
commit a8015907d44370600ae3711605f96c4e3a637fca
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Fri Mar 15 21:31:19 2019 +0000
More design work
commit 12cb6e1bfc23ca9591e5348ebc6e49614d686722
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sun Mar 10 16:00:30 2019 +0000
Updating CSS styles for design v2
This commit is contained in:
parent
91890fa41f
commit
26c4bc82d6
32 changed files with 237 additions and 365 deletions
|
|
@ -67,4 +67,4 @@ script:
|
|||
- php vendor/bin/phpunit
|
||||
- php phpcs.phar
|
||||
#- php artisan dusk
|
||||
- php vendor/bin/security-checker security:check --end-point=http://security.sensiolabs.org/check_lock
|
||||
- php vendor/bin/security-checker security:check
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
use App\Models\Contact;
|
||||
use Illuminate\Database\Seeder;
|
||||
use Illuminate\FileSystem\FileSystem;
|
||||
|
||||
class ContactsTableSeeder extends Seeder
|
||||
{
|
||||
|
|
@ -24,5 +25,13 @@ class ContactsTableSeeder extends Seeder
|
|||
'homepage' => 'https://aaronparecki.com',
|
||||
'facebook' => '123456',
|
||||
]);
|
||||
$fs = new FileSystem();
|
||||
if (!$fs->exists(public_path('assets/profile-images/aaronparecki.com'))) {
|
||||
$fs->makeDirectory(public_path('assets/profile-images/aaronparecki.com'));
|
||||
}
|
||||
$fs->copy(
|
||||
base_path('tests/aaron.png'),
|
||||
public_path('assets/profile-images/aaronparecki.com/image')
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
2
public/assets/css/app.css
vendored
2
public/assets/css/app.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"version":3,"sources":["../../../resources/sass/_border-box.scss","../../../resources/sass/_base-font.scss","../../../resources/sass/_header.scss","../../../resources/sass/_variables.scss","../../../resources/sass/_main.scss","../../../resources/sass/_articles.scss","../../../resources/sass/_hovercard.scss","../../../resources/sass/_notes.scss","../../../resources/sass/_pagination.scss","../../../resources/sass/_contacts-page.scss","../../../resources/sass/_projects.scss","../../../resources/sass/_footer.scss","../../../resources/sass/_admin-form.scss","../../../resources/sass/_form.scss","../../../resources/sass/_likes.scss","../../../resources/sass/_bridgy-links.scss","../../../resources/sass/_emoji.scss","../../../resources/sass/_mapbox.scss","../../../resources/sass/_colors.scss","../../../resources/sass/_styles.scss","../../../resources/sass/_tags.scss"],"names":[],"mappings":"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","file":"app.css"}
|
||||
{"version":3,"sources":["../../../resources/sass/_base.scss","../../../resources/sass/_site-header.scss","../../../resources/sass/_main.scss","../../../resources/sass/_pagination.scss","../../../resources/sass/_bio.scss","../../../resources/sass/_articles.scss","../../../resources/sass/_notes.scss","../../../resources/sass/_footer.scss","../../../resources/sass/_mapbox.scss","../../../resources/sass/_syndication.scss","../../../resources/sass/_emoji.scss"],"names":[],"mappings":"AAGA,KACI,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CAClB,GAGG,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CACrB,KAGG,sCAAuC,CAC1C,WCfG,YAAa,CACb,WAAY,CACZ,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CALlC,aAQQ,kBAAmB,CACnB,oBAAqB,CAT7B,cAaQ,YAAa,CACb,gBAAiB,CACjB,cAAe,CAfvB,eAmBQ,mBAAoB,CACpB,gBAAiB,CACpB,KCpBD,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,OAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,cAaQ,aAAc,CACjB,YCbD,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,4BAA6B,CAC7B,oBAAqB,CACrB,WHaa,CGZhB,cCNG,WJkBa,CIjBhB,gBCDG,WLkBa,CKjBhB,eCDG,WNkBa,CMjBhB,qCAGG,eACI,UAAW,CADf,8BAKY,UAAW,CACd,CCXb,OACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,SAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,wBAaQ,kBAAmB,CAb3B,SAiBQ,eAAgB,CACnB,KCjBD,YAAa,CAChB,eCDG,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAHlC,6BAMQ,kBAAmB,CAN3B,iCASY,UAAW,CACX,UAAW,CACd,2BCRL,iBAAkB,CACrB,gFAIG,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,YAAa,CACb,MAAO,CACP,oBAAqB,CACrB,wBAA2C,CAC3C,mBAAoB,CACpB,mCAAgD,CAChD,wBAAyB,CACzB,iCAAqC,CACrC,UAA6B,CAC7B,aAAc,CACd,yCAAW,CAAX,iCAAkC,CACrC,2BAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAhBvD,mBAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAIxD,aACI,kCACI,kCAAmC,CACtC","file":"app.css"}
|
||||
66
public/assets/img/iwc.svg
Normal file
66
public/assets/img/iwc.svg
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="487px" height="231.5px"
|
||||
viewBox="0 0 487 231.5" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FF5C00;}
|
||||
.st1{fill:#FFB100;}
|
||||
.st2{fill:#666666;}
|
||||
.st3{fill:#444444;}
|
||||
.st4{fill:none;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<polygon class="st0" points="163.8,33 222.9,159.2 241.5,119.3 201.3,33 "/>
|
||||
<polygon class="st0" points="332.9,33 282,33 214.9,33 253.7,116.2 273.8,159.2 "/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="33" y="33" width="117.8" height="33"/>
|
||||
</defs>
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;fill:#FF0000;"/>
|
||||
<clipPath id="SVGID_2_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
</g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_3_" x="33" y="78" width="117.8" height="71.8"/>
|
||||
</defs>
|
||||
<use xlink:href="#SVGID_3_" style="overflow:visible;fill:#FF0000;"/>
|
||||
<clipPath id="SVGID_4_">
|
||||
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M453.1,97.9c-3.1,32.4-30.3,57.8-63.5,57.8c-35.2,0-63.8-28.6-63.8-63.8S354.3,28,389.6,28
|
||||
c33.1,0,60.3,25.2,63.5,57.5h-63.5c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2H453.1z"/>
|
||||
<g>
|
||||
<path class="st2" d="M37.7,198.5h-4.3v-24.2h4.3V198.5z"/>
|
||||
<path class="st2" d="M59,174.1l15.3,15v-14.8h4.3v24.3l-0.2,0.1l-15.3-14.9v14.7h-4.3v-24.3L59,174.1z"/>
|
||||
<path class="st2" d="M96.9,198.5v-24.2h8.5c9.2,0,12,7,12,12.1c0,5.2-2.7,12.1-12,12.1H96.9z M105.4,194.7c6.7,0,7.7-6.2,7.7-8.3
|
||||
c0-2.1-1-8.3-7.7-8.3h-4.3v16.6H105.4z"/>
|
||||
<path class="st2" d="M139.9,198.5h-4.3v-24.2h4.3V198.5z"/>
|
||||
<path class="st2" d="M164.6,188.4v6.2h12v3.8h-16.2v-24.2h16.2v3.8h-12v6.6h9.4v3.8H164.6z"/>
|
||||
<path class="st3" d="M211.9,183.6l-6.7,15h-0.3l-11.1-24.4h4.7l6.5,15.4l6.6-15.8h0.3l6.7,15.8l6.5-15.4h4.7l-11.1,24.4h-0.3
|
||||
L211.9,183.6z"/>
|
||||
<path class="st3" d="M248.7,188.4v6.2h12v3.8h-16.2v-24.2h16.2v3.8h-12v6.6h9.4v3.8H248.7z"/>
|
||||
<path class="st3" d="M295,186.3c2,0.8,3,3.2,3,5.1c0,2.9-2,7-8.5,7h-9.1v-24.2h9.1c6.5,0,8.5,4.1,8.5,7.1
|
||||
C298,183.3,297,185.5,295,186.3z M289.9,184.6c3.2-0.1,3.7-2.3,3.7-3.3c0-0.8-0.6-3.3-3.9-3.3h-5.2v6.6H289.9z M289.8,194.7
|
||||
c3.3,0,3.9-2.4,3.9-3.2c0-1.1-0.6-2.9-3.7-3h-5.4v6.2H289.8z"/>
|
||||
<path class="st2" d="M334.7,180.8c-1.3-1.6-3.9-3-6.4-3c-6.7,0-7.7,6.4-7.7,8.5s1,8.5,7.7,8.5c2.6,0,5.1-1.5,6.7-3l2.5,3.1
|
||||
c-2.4,2.4-5.2,3.8-9.1,3.8c-9.3,0-12-7.3-12-12.5c0-5.1,2.8-12.4,12-12.4c4.2,0,6.9,1.7,9.2,4.2L334.7,180.8z"/>
|
||||
<path class="st2" d="M372.4,198.5h-4.7l-2.6-6.2h-7.9l-2.6,6.2H350l11.1-24.4h0.3L372.4,198.5z M358.7,188.8h5l-2.5-6.1
|
||||
L358.7,188.8z"/>
|
||||
<path class="st2" d="M398.6,198.8l-7-14.3l-4.6,14h-4.5L391,174h0.3l7.5,16.5l7.5-16.5h0.3l8.6,24.5h-4.5l-4.6-14l-7,14.3H398.6z
|
||||
"/>
|
||||
<path class="st2" d="M434.7,198.5h-4.3v-24.2h9.1c6.5,0,8.5,4.6,8.5,7.7c0,4.7-4.2,7.8-8.1,7.8h-5.4V198.5z M439.8,185.9
|
||||
c3.2-0.1,4-2.7,4-3.9c0-1.3-0.7-3.9-4.1-3.9h-5.1v7.9H439.8z"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect class="st4" width="487" height="231.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
6
resources/sass/_admin-form.scss
vendored
6
resources/sass/_admin-form.scss
vendored
|
|
@ -1,6 +0,0 @@
|
|||
//admin-form.scss
|
||||
|
||||
.admin-form {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
5
resources/sass/_articles.scss
vendored
5
resources/sass/_articles.scss
vendored
|
|
@ -1,6 +1,5 @@
|
|||
//articles.scss
|
||||
|
||||
.h-entry pre code {
|
||||
padding: 1.5rem 2rem;
|
||||
border-radius: 4px;
|
||||
article.h-entry {
|
||||
width: $mainWidth;
|
||||
}
|
||||
|
|
|
|||
10
resources/sass/_base-font.scss
vendored
10
resources/sass/_base-font.scss
vendored
|
|
@ -1,10 +0,0 @@
|
|||
//base-font.scss
|
||||
|
||||
html {
|
||||
font-size: 10px;
|
||||
font-family: "filson-soft", serif;
|
||||
}
|
||||
|
||||
a.u-syndication {
|
||||
text-decoration: none;
|
||||
}
|
||||
22
resources/sass/_base.scss
vendored
Normal file
22
resources/sass/_base.scss
vendored
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
// _base.scss
|
||||
|
||||
// Fonts
|
||||
html {
|
||||
font-family: montserrat, sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: bebas-neue, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: "Operator Mono", monospace;
|
||||
}
|
||||
|
||||
// Variables
|
||||
$mainWidth: 40rem;
|
||||
5
resources/sass/_bio.scss
vendored
Normal file
5
resources/sass/_bio.scss
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
// bio.scss
|
||||
|
||||
.personal-bio {
|
||||
width: $mainWidth;
|
||||
}
|
||||
14
resources/sass/_border-box.scss
vendored
14
resources/sass/_border-box.scss
vendored
|
|
@ -1,14 +0,0 @@
|
|||
//border-box.scss
|
||||
|
||||
//use universal box sizing with inheritance
|
||||
//from https://css-tricks.com/box-sizing/
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
6
resources/sass/_bridgy-links.scss
vendored
6
resources/sass/_bridgy-links.scss
vendored
|
|
@ -1,6 +0,0 @@
|
|||
// bridgy-links.scss
|
||||
|
||||
.p-bridgy-twitter-content,
|
||||
.p-bridgy-facebook-content {
|
||||
display: none;
|
||||
}
|
||||
16
resources/sass/_colors.scss
vendored
16
resources/sass/_colors.scss
vendored
|
|
@ -1,16 +0,0 @@
|
|||
//colors.scss
|
||||
|
||||
body {
|
||||
background-color: var(--brwhite);
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
#topheader {
|
||||
background-color: var(--black);
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: var(--blue);
|
||||
}
|
||||
14
resources/sass/_contacts-page.scss
vendored
14
resources/sass/_contacts-page.scss
vendored
|
|
@ -1,14 +0,0 @@
|
|||
//contacts-page.scss
|
||||
|
||||
main .contact {
|
||||
font-size: 2rem;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.contact .u-photo {
|
||||
width: auto;
|
||||
height: 8rem;
|
||||
}
|
||||
25
resources/sass/_footer.scss
vendored
25
resources/sass/_footer.scss
vendored
|
|
@ -1,15 +1,22 @@
|
|||
//footer.scss
|
||||
|
||||
body > div.h-card {
|
||||
max-width: $body-width;
|
||||
margin: 0 auto;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
// footer.scss
|
||||
|
||||
footer {
|
||||
max-width: $body-width;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--white);
|
||||
color: var(--black);
|
||||
|
||||
a {
|
||||
color: var(--blue);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
form:first-child {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
15
resources/sass/_form.scss
vendored
15
resources/sass/_form.scss
vendored
|
|
@ -1,15 +0,0 @@
|
|||
//form.scss
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.form > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
div.form-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
18
resources/sass/_header.scss
vendored
18
resources/sass/_header.scss
vendored
|
|
@ -1,18 +0,0 @@
|
|||
//header.scss
|
||||
|
||||
#topheader {
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: $header-height;
|
||||
}
|
||||
|
||||
#topheader h1 {
|
||||
font-size: 2rem;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
#topheader nav {
|
||||
font-size: 2rem;
|
||||
}
|
||||
42
resources/sass/_hovercard.scss
vendored
42
resources/sass/_hovercard.scss
vendored
|
|
@ -1,42 +0,0 @@
|
|||
//hovercard.scss
|
||||
|
||||
.mini-h-card {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mini-h-card .p-name {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mini-h-card:hover .p-name {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.hovercard {
|
||||
position: absolute;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
background: white;
|
||||
width: 30rem;
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
z-index: 50;
|
||||
padding: 2rem 1rem 1rem;
|
||||
border-radius: 2px;
|
||||
box-shadow: 3px 3px 2px 1px hsla(190, 11%, 7%, 1);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mini-h-card:hover .hovercard {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mini-h-card .social-icon {
|
||||
width: auto;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.mini-h-card .u-photo {
|
||||
height: 10rem;
|
||||
}
|
||||
5
resources/sass/_likes.scss
vendored
5
resources/sass/_likes.scss
vendored
|
|
@ -1,5 +0,0 @@
|
|||
//likes.scss
|
||||
|
||||
.u-like-of {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
25
resources/sass/_main.scss
vendored
25
resources/sass/_main.scss
vendored
|
|
@ -1,16 +1,21 @@
|
|||
//main.scss
|
||||
// main.scss
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
max-width: $body-width;
|
||||
margin: 0 auto;
|
||||
padding: 0 0.5rem;
|
||||
font-size: 2rem;
|
||||
align-items: center;
|
||||
background-color: var(--white);
|
||||
color: var(--black);
|
||||
|
||||
a {
|
||||
color: var(--blue);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.h-entry {
|
||||
margin: 3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
// add some padding to the top for pages that need it
|
||||
.top-space {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
@import "pagination";
|
||||
@import "bio";
|
||||
|
|
|
|||
26
resources/sass/_mapbox.scss
vendored
26
resources/sass/_mapbox.scss
vendored
|
|
@ -1,29 +1,5 @@
|
|||
// mapbox.scss
|
||||
//mapbox.scss
|
||||
|
||||
.map {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.mapboxgl-ctrl-logo {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.marker {
|
||||
background-image: url(data:image/png;base64,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);
|
||||
background-size: contain;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.map-menu {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: white;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.map-menu label {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
|
|
|||
41
resources/sass/_notes.scss
vendored
41
resources/sass/_notes.scss
vendored
|
|
@ -1,34 +1,17 @@
|
|||
//notes.scss
|
||||
// notes.scss
|
||||
|
||||
//the hovercard that is displayed in notes
|
||||
@import "hovercard";
|
||||
|
||||
.note {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 2rem;
|
||||
.h-entry .note {
|
||||
width: $mainWidth;
|
||||
}
|
||||
|
||||
.note img {
|
||||
max-width: 100%;
|
||||
max-height: 80vh;
|
||||
}
|
||||
@media screen and (max-width: $mainWidth) {
|
||||
.h-entry .note {
|
||||
width: 95vw;
|
||||
|
||||
.note-metadata {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.e-content {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: auto;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.note pre code {
|
||||
padding: 1.5rem 2rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
//style the pagination links
|
||||
@import "pagination";
|
||||
|
|
|
|||
7
resources/sass/_pagination.scss
vendored
7
resources/sass/_pagination.scss
vendored
|
|
@ -1,9 +1,10 @@
|
|||
//pagination.scss
|
||||
// pagination.scss
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
font-size: 2rem;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
list-style-type: none;
|
||||
width: $mainWidth;
|
||||
}
|
||||
|
|
|
|||
5
resources/sass/_projects.scss
vendored
5
resources/sass/_projects.scss
vendored
|
|
@ -1,5 +0,0 @@
|
|||
//projects.scss
|
||||
|
||||
#projects {
|
||||
font-size: 2rem;
|
||||
}
|
||||
25
resources/sass/_site-header.scss
vendored
Normal file
25
resources/sass/_site-header.scss
vendored
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
// site-header.scss
|
||||
|
||||
#topheader {
|
||||
display: flex;
|
||||
width: 100vw;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--black);
|
||||
|
||||
a {
|
||||
color: var(--white);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
padding-top: 1rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding-bottom: 1rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
19
resources/sass/_styles.scss
vendored
19
resources/sass/_styles.scss
vendored
|
|
@ -1,19 +0,0 @@
|
|||
//styles.scss
|
||||
|
||||
html {
|
||||
text-rendering: optimizeLegibility;
|
||||
//text-decoration-skip-ink: auto;
|
||||
overflow-wrap: break-word;
|
||||
font-kerning: normal;
|
||||
}
|
||||
|
||||
h1 a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#topheader a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// tags
|
||||
@import "tags";
|
||||
16
resources/sass/_syndication.scss
vendored
Normal file
16
resources/sass/_syndication.scss
vendored
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
//syndication.scss
|
||||
|
||||
.note-metadata {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
.social-links {
|
||||
flex-direction: row;
|
||||
|
||||
svg {
|
||||
height: 1em;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
49
resources/sass/_tags.scss
vendored
49
resources/sass/_tags.scss
vendored
|
|
@ -1,49 +0,0 @@
|
|||
//tags.scss
|
||||
|
||||
//sourced from https://codepen.io/wbeeftink/pen/dIaDH
|
||||
|
||||
.tags {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.tag,
|
||||
.tag:visited {
|
||||
background: var(--white);
|
||||
border-radius: 3px 0 0 3px;
|
||||
color: var(--black);
|
||||
display: inline-block;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
padding: 0 2rem 0 1rem;
|
||||
position: relative;
|
||||
margin: 0 1rem 1rem 0;
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.tag::after {
|
||||
background: var(--brwhite);
|
||||
border-bottom: 1.3rem solid transparent;
|
||||
border-left: 1rem solid var(--white);
|
||||
border-top: 1.3rem solid transparent;
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.tag:hover {
|
||||
background-color: var(--red);
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.tag:hover::after {
|
||||
border-left-color: var(--red);
|
||||
}
|
||||
4
resources/sass/_variables.scss
vendored
4
resources/sass/_variables.scss
vendored
|
|
@ -1,4 +0,0 @@
|
|||
//variables.scss
|
||||
|
||||
$body-width: 512px;
|
||||
$header-height: 5rem;
|
||||
35
resources/sass/app.scss
vendored
35
resources/sass/app.scss
vendored
|
|
@ -1,37 +1,18 @@
|
|||
// app.scss
|
||||
|
||||
//variables used elsewhere
|
||||
@import "variables";
|
||||
|
||||
//border-box
|
||||
@import "border-box";
|
||||
|
||||
//base font styles
|
||||
@import "base-font";
|
||||
|
||||
//layouts
|
||||
@import "header";
|
||||
// General styles
|
||||
@import "base";
|
||||
@import "site-header";
|
||||
@import "main";
|
||||
@import "articles";
|
||||
@import "notes";
|
||||
@import "contacts-page";
|
||||
@import "projects";
|
||||
@import "footer";
|
||||
@import "admin-form";
|
||||
@import "form";
|
||||
@import "likes";
|
||||
|
||||
//hide the custom bridgy posse content
|
||||
@import "bridgy-links";
|
||||
|
||||
//style the emoji alt-text (a11y)
|
||||
@import "emoji";
|
||||
|
||||
//style the mapbox maps
|
||||
// Mapbox styles
|
||||
@import "mapbox";
|
||||
|
||||
//apply colors
|
||||
@import "colors";
|
||||
// The syndication links at the end of notes
|
||||
@import "syndication";
|
||||
|
||||
//apply styles
|
||||
@import "styles";
|
||||
// Accessible emoji
|
||||
@import "emoji";
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="stylesheet" href="/assets/frontend/normalize.css">
|
||||
<link rel="stylesheet" id="colourScheme" href="/assets/css/colours/{{ session('css', 'base16-eighties.css') }}">
|
||||
<link rel="stylesheet" href="/assets/css/app.css">
|
||||
<link rel="stylesheet" href="https://use.typekit.net/kmb3cdb.css">
|
||||
<link rel="stylesheet" href="https://use.typekit.net/csl8adl.css">
|
||||
<link rel="alternate" type="application/rss+xml" title="Blog RSS Feed" href="/blog/feed.rss">
|
||||
<link rel="alternate" type="application/atom+xml" title="Blog Atom Feed" href="/blog/feed.atom">
|
||||
<link rel="alternate" type="application/json" title="Blog JSON Feed" href="/blog/feed.json">
|
||||
|
|
@ -41,9 +41,9 @@
|
|||
|
||||
<main>
|
||||
@yield('content')
|
||||
</main>
|
||||
@section('bio')
|
||||
@show
|
||||
</main>
|
||||
|
||||
<!--scripts go here when needed-->
|
||||
<script src="/assets/js/colours.js" async defer></script>
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
<p>The code for <code>{{ config('app.longurl') }}</code> can be found on <a href="https://github.com/jonnybarnes/jonnybarnes.uk">GitHub</a>.</p>
|
||||
<p><label for="a11y.css"><code>a11y.css</code></label>: <input type="checkbox" name="a11y.css" id="a11y.css"></p>
|
||||
<p>Built with love: <a href="/colophon">Colophon</a></p>
|
||||
<p><a href="https://indieweb.org"><img src="/assets/img/iwc.png" alt="Indie Web Camp logo" class="iwc-logo"></a></p>
|
||||
<p><a href="https://indieweb.org"><img src="/assets/img/iwc.svg" alt="Indie Web Camp logo"></a></p>
|
||||
</footer>
|
||||
@if (config('app.piwik') === true)
|
||||
<!-- Piwik -->
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@section('bio')
|
||||
<div class="h-card">
|
||||
<div class="h-card personal-bio">
|
||||
<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>
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</a>.</p>
|
||||
<p>I am active to varying degrees on several
|
||||
<a href="https://indieweb.org/silo">silos</a>:</p>
|
||||
<ul class="social-list">
|
||||
<ul>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue