From 24dfe2fd01ceb71949376b370f0c11a50586c468 Mon Sep 17 00:00:00 2001 From: Joshua Seigler Date: Mon, 13 Feb 2017 03:38:58 -0500 Subject: [PATCH] got projects list working! :tada: --- src/config.toml | 9 --------- src/content/posts/_index.md | 4 ++++ src/content/presentations/_index.md | 4 ++++ src/content/projects/_index.md | 1 + src/themes/eos/layouts/_default/baseof.html | 6 +++++- src/themes/eos/layouts/projects/list.html | 11 ----------- src/themes/eos/layouts/section/projects.html | 9 +++++++++ src/themes/eos/static/css/bundle.css | 9 +++++++-- src/themes/eos/static/css/bundle.css.map | 2 +- src/themes/eos/static/js/app.js | 4 ++++ src/themes/eos/styles/basics.less | 4 +++- src/themes/eos/styles/layout.less | 2 +- 12 files changed, 39 insertions(+), 26 deletions(-) create mode 100644 src/content/posts/_index.md create mode 100644 src/content/presentations/_index.md delete mode 100644 src/themes/eos/layouts/projects/list.html create mode 100644 src/themes/eos/layouts/section/projects.html create mode 100644 src/themes/eos/static/js/app.js diff --git a/src/config.toml b/src/config.toml index 9c3e217..2f39163 100644 --- a/src/config.toml +++ b/src/config.toml @@ -9,12 +9,3 @@ theme = "eos" name = "Home" url = "/" weight = -1 -[[menu.main]] - name = "Posts" - url = "/posts/" -[[menu.main]] - name = "Presentations" - url = "/presentations/" -[[menu.main]] - name = "Projects" - url = "/projects/" diff --git a/src/content/posts/_index.md b/src/content/posts/_index.md new file mode 100644 index 0000000..e9d1c71 --- /dev/null +++ b/src/content/posts/_index.md @@ -0,0 +1,4 @@ +--- +title: "Posts" +menu: "main" +--- diff --git a/src/content/presentations/_index.md b/src/content/presentations/_index.md new file mode 100644 index 0000000..921954c --- /dev/null +++ b/src/content/presentations/_index.md @@ -0,0 +1,4 @@ +--- +title: "Presentations" +menu: "main" +--- diff --git a/src/content/projects/_index.md b/src/content/projects/_index.md index a80a9df..5a8647f 100644 --- a/src/content/projects/_index.md +++ b/src/content/projects/_index.md @@ -1,3 +1,4 @@ --- title: "Projects" +menu: "main" --- diff --git a/src/themes/eos/layouts/_default/baseof.html b/src/themes/eos/layouts/_default/baseof.html index 60750bc..7f210b4 100644 --- a/src/themes/eos/layouts/_default/baseof.html +++ b/src/themes/eos/layouts/_default/baseof.html @@ -3,10 +3,13 @@ + {{ block "title" . }} {{ .Title }} - {{ .Site.Title }} {{ end }} - + + + @@ -18,6 +21,7 @@ {{ partial "footer" . }} + diff --git a/src/themes/eos/layouts/projects/list.html b/src/themes/eos/layouts/projects/list.html deleted file mode 100644 index e871591..0000000 --- a/src/themes/eos/layouts/projects/list.html +++ /dev/null @@ -1,11 +0,0 @@ -{{ define "title" }}Projects{{ end }} - -{{ define "main" }} - {{ $projects := getJSON "https://api.github.com/users/seigler/repos" }} -

Github Projects

- -{{ end }} diff --git a/src/themes/eos/layouts/section/projects.html b/src/themes/eos/layouts/section/projects.html new file mode 100644 index 0000000..6df0ab9 --- /dev/null +++ b/src/themes/eos/layouts/section/projects.html @@ -0,0 +1,9 @@ +{{ define "main" }} + {{ $projects := getJSON "https://api.github.com/users/seigler/repos" }} +

My GitHub Projects

+ +{{ end }} diff --git a/src/themes/eos/static/css/bundle.css b/src/themes/eos/static/css/bundle.css index 3b12b87..0c59fbf 100644 --- a/src/themes/eos/static/css/bundle.css +++ b/src/themes/eos/static/css/bundle.css @@ -19,9 +19,12 @@ html { a { color: inherit; } -a:hover { +a:hover, +a:focus { background-color: white; color: #20282a; + text-decoration: none; + outline: none; } ::-moz-selection { background-color: white; @@ -95,7 +98,9 @@ body { overflow: auto; perspective: none; } -.wrapper > * { +.wrapper > *, +.wrapper:before, +.wrapper:after { opacity: 0.8; transform: translateZ(-50vmin); } diff --git a/src/themes/eos/static/css/bundle.css.map b/src/themes/eos/static/css/bundle.css.map index a0b1e25..3590190 100644 --- a/src/themes/eos/static/css/bundle.css.map +++ b/src/themes/eos/static/css/bundle.css.map @@ -1 +1 @@ -{"version":3,"sources":["bundle.css","basics.less","layout.less","modules/post-list.less"],"names":[],"mappings":"AAAA,wBAAwB;ACCxB;;;EACE,oBAAA;EACA,UAAA;EACA,WAAA;EACA,6BAAA;EACA,qBAAA;CDGD;ACGD;EACE,uBAAA;EACA,aAAA;EACA,iBAAA;EACA,aAAA;EACA,gDAAA;EACA,iBAAA;CDDD;ACGD;EACE,eAAA;CDDD;ACEC;EACE,wBAAA;EACA,eAAA;CDAH;ACGD;EACE,wBAAA;EACA,eAAA;CDDD;ACDD;EACE,wBAAA;EACA,eAAA;CDDD;ACGD;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDED;ACAD;EACE,oBAAA;EACA,iBAAA;CDED;ACCD;EACE,wBAAA;EACA,eAAA;CDCD;ACHD;EAII,sBAAA;CDEH;ACDG;;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;CDKL;ACHG;EACE,aAAA;CDKL;ACHG;EACE,aAAA;CDKL;ACDD;EACE,yBAAA;CDGD;AACD,UAAU;AEjEV;EACE,qBAAA;EACA,aAAA;CFmED;AEhED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFkED;AEhED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFkED;AE3ED;EAWI,aAAA;EACA,+BAAA;CFmEH;AEhED;EACE;IACE,qBAAA;GFkED;EEhED;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFkED;EEhED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFkED;CACF;AE/DD;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFiED;AE9DD;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFgED;AG/HD;EAEI,eAAA;EACA,sBAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CHgIH;AGtID;EASI,2BAAA;CHgIH","file":"bundle.css","sourcesContent":["/* micro styles reset */\n*,\n:before,\n:after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: white;\n text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);\n line-height: 1.2;\n}\na {\n color: inherit;\n}\na:hover {\n background-color: white;\n color: #20282a;\n}\n::selection {\n background-color: white;\n color: #20282a;\n}\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh2 {\n border-bottom: none;\n margin-bottom: 0;\n}\nheader {\n background-color: white;\n color: #20282a;\n}\nheader nav a {\n text-decoration: none;\n}\nheader nav a:hover,\nheader nav a:focus,\nheader nav a.active {\n color: white;\n background-color: #20282a;\n outline: none;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\n/*layout*/\nhtml {\n font-size: calc(2em);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n}\n.wrapper > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(2em);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: calc(100vw - 31vh) 45vh;\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n.post-list a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-list .title {\n text-decoration: underline;\n}\n","/* micro styles reset */\n*, :before, :after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\n\n//@color-text: #DA0;\n@color-text: white;\n\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: @color-text;\n text-shadow: 0 0 0.1em fade(@color-text, 50%);\n line-height: 1.2;\n}\na {\n color: inherit;\n &:hover {\n background-color: @color-text;\n color: #20282a;\n }\n}\n::selection {\n background-color: @color-text;\n color: #20282a;\n}\nh1, h2, h3, h4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh2 {\n border-bottom: none;\n margin-bottom: 0;\n}\n\nheader {\n background-color: @color-text;\n color: #20282a;\n nav a {\n text-decoration: none;\n &:hover, &:focus, &.active {\n color: @color-text;\n background-color: #20282a;\n outline: none;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n","/*layout*/\nhtml {\n font-size: calc(0.7em + 1.3vw);\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(0.7em + 1.3vh);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: ~'calc(100vw - 31vh) 45vh';\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\n\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n\nfooter {\n}\n",".post-list {\n a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .title {\n text-decoration: underline;\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["bundle.css","basics.less","layout.less","modules/post-list.less"],"names":[],"mappings":"AAAA,wBAAwB;ACCxB;;;EACE,oBAAA;EACA,UAAA;EACA,WAAA;EACA,6BAAA;EACA,qBAAA;CDGD;ACGD;EACE,uBAAA;EACA,aAAA;EACA,iBAAA;EACA,aAAA;EACA,gDAAA;EACA,iBAAA;CDDD;ACGD;EACE,eAAA;CDDD;ACEC;;EACE,wBAAA;EACA,eAAA;EACA,sBAAA;EACA,cAAA;CDCH;ACED;EACE,wBAAA;EACA,eAAA;CDAD;ACFD;EACE,wBAAA;EACA,eAAA;CDAD;ACED;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDGD;ACDD;EACE,oBAAA;EACA,iBAAA;CDGD;ACAD;EACE,wBAAA;EACA,eAAA;CDED;ACJD;EAII,sBAAA;CDGH;ACFG;;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;CDML;ACJG;EACE,aAAA;CDML;ACJG;EACE,aAAA;CDML;ACFD;EACE,yBAAA;CDID;AACD,UAAU;AEpEV;EACE,qBAAA;EACA,aAAA;CFsED;AEnED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFqED;AEnED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFqED;AE9ED;;;EAWI,aAAA;EACA,+BAAA;CFwEH;AErED;EACE;IACE,qBAAA;GFuED;EErED;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFuED;EErED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFuED;CACF;AEpED;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFsED;AEnED;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFqED;AGpID;EAEI,eAAA;EACA,sBAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CHqIH;AG3ID;EASI,2BAAA;CHqIH","file":"bundle.css","sourcesContent":["/* micro styles reset */\n*,\n:before,\n:after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: white;\n text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);\n line-height: 1.2;\n}\na {\n color: inherit;\n}\na:hover,\na:focus {\n background-color: white;\n color: #20282a;\n text-decoration: none;\n outline: none;\n}\n::selection {\n background-color: white;\n color: #20282a;\n}\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh2 {\n border-bottom: none;\n margin-bottom: 0;\n}\nheader {\n background-color: white;\n color: #20282a;\n}\nheader nav a {\n text-decoration: none;\n}\nheader nav a:hover,\nheader nav a:focus,\nheader nav a.active {\n color: white;\n background-color: #20282a;\n outline: none;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\n/*layout*/\nhtml {\n font-size: calc(2em);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n}\n.wrapper > *,\n.wrapper:before,\n.wrapper:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(2em);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: calc(100vw - 31vh) 45vh;\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n.post-list a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-list .title {\n text-decoration: underline;\n}\n","/* micro styles reset */\n*, :before, :after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\n\n//@color-text: #DA0;\n@color-text: white;\n\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: @color-text;\n text-shadow: 0 0 0.1em fade(@color-text, 50%);\n line-height: 1.2;\n}\na {\n color: inherit;\n &:hover, &:focus {\n background-color: @color-text;\n color: #20282a;\n text-decoration: none;\n outline: none;\n }\n}\n::selection {\n background-color: @color-text;\n color: #20282a;\n}\nh1, h2, h3, h4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh2 {\n border-bottom: none;\n margin-bottom: 0;\n}\n\nheader {\n background-color: @color-text;\n color: #20282a;\n nav a {\n text-decoration: none;\n &:hover, &:focus, &.active {\n color: @color-text;\n background-color: #20282a;\n outline: none;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n","/*layout*/\nhtml {\n font-size: calc(0.7em + 1.3vw);\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n > *, &:before, &:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(0.7em + 1.3vh);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: ~'calc(100vw - 31vh) 45vh';\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\n\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n\nfooter {\n}\n",".post-list {\n a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .title {\n text-decoration: underline;\n }\n}\n"]} \ No newline at end of file diff --git a/src/themes/eos/static/js/app.js b/src/themes/eos/static/js/app.js new file mode 100644 index 0000000..25f5010 --- /dev/null +++ b/src/themes/eos/static/js/app.js @@ -0,0 +1,4 @@ +(function () { + 'use strict'; + +}()); diff --git a/src/themes/eos/styles/basics.less b/src/themes/eos/styles/basics.less index 9ed6bed..aa649c7 100644 --- a/src/themes/eos/styles/basics.less +++ b/src/themes/eos/styles/basics.less @@ -20,9 +20,11 @@ html { } a { color: inherit; - &:hover { + &:hover, &:focus { background-color: @color-text; color: #20282a; + text-decoration: none; + outline: none; } } ::selection { diff --git a/src/themes/eos/styles/layout.less b/src/themes/eos/styles/layout.less index 171b9a2..97644b5 100644 --- a/src/themes/eos/styles/layout.less +++ b/src/themes/eos/styles/layout.less @@ -25,7 +25,7 @@ body { margin: 0 0 0 auto; overflow: auto; perspective: none; - > * { + > *, &:before, &:after { opacity: 0.8; transform: translateZ(-50vmin); }