From 91f6c4a8bf1c3636785c8ff1ea966567adcaa3bc Mon Sep 17 00:00:00 2001 From: Thomas Jensen Date: Sat, 16 Jun 2018 21:09:11 +0200 Subject: [PATCH] Transfer full control over links to _config.yml --- _config.yml | 174 +++++++++++++++++++++++++++++++++++--------------- css/theme.css | 47 ++++++++------ index.html | 149 +++--------------------------------------- 3 files changed, 163 insertions(+), 207 deletions(-) diff --git a/_config.yml b/_config.yml index 51f7598..1bd48b7 100644 --- a/_config.yml +++ b/_config.yml @@ -38,64 +38,138 @@ baseurl: '/fuse-core' # In order to comply with EU cookie law, enable 'cookieconsent' to show a little popup asking users to acknowledge the GA cookies. # Also, some places require you to anonymize the users' IPs, which can be enabled via 'anonymizeip' below. When in doubt, enable. # https://support.google.com/analytics/answer/2763052 -ga: #ga: -# account: 'UA-12345678-1' -# cookieconsent: true -# anonymizeip: true +ga: + account: 'UA-120960520-1' + cookieconsent: true + anonymizeip: true # A picture of you. Leave empty for generic placeholder image. # You can use your GitHub image: -#avatar: avatar: "https://avatars3.githubusercontent.com/u/32414568" #avatar: "images/jonathan_doe.jpg" +#avatar: -# All the user IDs on other websites that we want to link to. Leave blank what you don't need. -# The order in which these links appear is controlled in index.html, by reordering the paragraphs. + +# All the social media and other sites that we want to link to. The 'show' flag determines if the link is shown. +# The order of this list controls the order of the links on the page. Feel free to add. links: - github: tsjensen - codepen: - facebook: your_facebook_username - vkontakte: your_vkontakte_username - twitter: your_twitter_username - weibo: your_weibo_username - linkedin: - xing: - googleplus: - vine: - instagram: - flickr: - steam: - soundcloud: - stackoverflow: - reddit: - medium: - tumblr: - lastfm: - blog: http://host.domain/your_blog - publickey: https://pastebin.com/raw/YOUR_PUBLIC_KEY - email: jonathan.doe@host.domain + - xing: + name: Xing + show: false + href: https://www.xing.com/profile/YOUR_XING_USERNAME/ + icon: fab fa-xing + - linkedin: + name: LinkedIn + show: false + href: https://linkedin.com/in/YOUR_LINKEDIN_USERNAME/ + icon: fab fa-linkedin + - googleplus: + name: Google+ + show: false + href: https://plus.google.com/+YOUR_GOOGLEPLUS_USERNAME + icon: fab fa-google-plus + - twitter: + name: Twitter + show: true + href: https://twitter.com/YOUR_TWITTER_USERNAME + icon: fab fa-twitter + - weibo: + name: 微博 + show: true + href: https://weibo.com/YOUR_WEIBO_USERNAME + icon: fab fa-weibo + - vine: + name: Vine + show: false + href: https://vine.co/YOUR_VINE_USERNAME + icon: fab fa-vine + - facebook: + name: Facebook + show: false + href: https://facebook.com/YOUR_FB_USERNAME + icon: fab fa-facebook + - vkontakte: + name: ВКонтакте + show: true + href: https://vk.com/YOUR_VK_USERNAME + icon: fab fa-vk + - instagram: + name: Instagram + show: false + href: https://instagram.com/YOUR_INSTAGRAM_USERNAME + icon: fab fa-instagram + - flickr: + name: Flickr + show: false + href: https://flickr.com/photos/YOUR_FLICKR_USERNAME + icon: fab fa-flickr + - steam: + name: Steam + show: false + href: http://steamcommunity.com/id/YOUR_STEAM_CUSTOM_ID + icon: fab fa-steam + - soundcloud: + name: Soundcloud + show: false + href: https://soundcloud.com/YOUR_SOUNDCLOUD_USERNAME + icon: fab fa-soundcloud + - lastfm: + name: Last.fm + show: false + href: http://www.last.fm/user/YOUR_LASTFM_USERNAME + icon: fab fa-lastfm + - github: + name: GitHub + show: true + href: https://github.com/tsjensen + icon: fab fa-github + - codepen: + name: CodePen + show: false + href: https://codepen.io/YOUR_CODEPEN_USERNAME + icon: fab fa-codepen + - stackoverflow: + name: Stack Overflow + show: false + href: https://stackoverflow.com/users/YOUR_SO_USERNAME/ + icon: fab fa-stack-overflow + - reddit: + name: Reddit + show: false + href: https://reddit.com/user/YOUR_REDDIT_USERNAME + icon: fab fa-reddit + - medium: + name: Medium + show: false + href: https://medium.com/@YOUR_MEDIUM_USERNAME + icon: fab fa-medium + - tumblr: + name: Tumblr + show: false + href: https://YOUR_TUMBLR_USERNAME.tumblr.com/ + icon: fab fa-tumblr + - blog: + name: Blog + show: true + href: http://host.domain/your_blog + icon: fas fa-book-open + - email: + name: Email + show: true + href: mailto:jonathan.doe@host.domain + icon: fas fa-envelope + - publickey: + name: PGP Key + show: true + href: https://pastebin.com/raw/YOUR_PUBLIC_KEY + icon: fas fa-key -# Featured links appear in their own row below the other links in their own color. Add any number of links. -# Leave empty to disable. 'icon' is the name of any "solid" icon in the Font Awesome -# Gallery: https://fontawesome.com/icons?d=gallery&s=solid -# 'caption' may be empty; if set, text displayed below the icon. -featured_links: -#featured_links: -# - link_one: -# name: Number One -# icon: link -# link: https://host.domain/foo/ -# caption: O-n-e -# - link_two: -# name: Number Two -# icon: link -# link: https://host.domain/bar/ -# caption: -# - link_three: -# name: Number Three -# icon: link -# link: /baz/ -# caption: More than
one line + +# Extra HTML which will be displayed below the links. Keep it short. Leave empty to disable. +#extra_html: +extra_html: > + Any (multiline) text containing simple HTML, + such as links or ... lorem ipsum. #EOF diff --git a/css/theme.css b/css/theme.css index 351c887..7abba16 100644 --- a/css/theme.css +++ b/css/theme.css @@ -1,4 +1,4 @@ -/* Fuse Core Jekyll Theme */ +/* ========= Fuse Core Jekyll Theme ============================================================ */ html, body { font-family: 'Open Sans',Arial,Helvetica,sans-serif; @@ -10,6 +10,7 @@ html { body { margin-bottom: 44px; /* footer height */ } + .fullscreen-background { background: url("../images/background.jpg") no-repeat center center fixed; -webkit-background-size: cover; @@ -18,9 +19,6 @@ body { background-size: cover; } - -/* --------- Content (avatar, title, normal links) --------------------------------------------- */ - div.glass-pane { background-color: rgba(0, 0, 0, 0.5); width: 100%; @@ -30,19 +28,35 @@ div.glass-pane { div.fuse-core-content { color: white; } + + +/* --------- Avatar ---------------------------------------------------------------------------- */ + #avatar { height: 180px; border-radius: 100%; border: 5px solid white; } + + +/* --------- Title / Subtitle ------------------------------------------------------------------ */ + h1 { letter-spacing: 0.1em; font-size: 3em; } +@media (max-width: 575.98px) { /* bootstrap 'xs' */ + h1 { + letter-spacing: 0; + } +} h3 { font-size: 1.2em; } + +/* --------- The Main Links -------------------------------------------------------------------- */ + div.row.links > div { white-space: nowrap; padding: 0; @@ -72,9 +86,6 @@ div.row.links a:hover { } @media (max-width: 575.98px) { /* bootstrap 'xs' */ - h1 { - letter-spacing: 0; - } div.row.links a { border-radius: 10px; width: 100%; @@ -82,20 +93,20 @@ div.row.links a:hover { } -/* --------- Featured Links -------------------------------------------------------------------- */ +/* --------- Extra HTML ------------------------------------------------------------------------ */ -div.row.links.featured a { - color: #f9cf93; - border-color: #f9cf93; +.fuse-core-extra { + color: rgba(255, 255, 255, 0.7); } -div.row.links.featured a:hover { - color: #ffe4be; - border-color: #ffe4be; +.fuse-core-extra a { + color: rgba(255, 255, 255, 0.9); + border-radius: 3px; + padding: 0 2px; } -div.row.links.featured .fc-caption { - color: #f9cf93; - line-height: 14px; - font-size: smaller; +.fuse-core-extra a:hover { + color: white; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.6); } diff --git a/index.html b/index.html index df3fde2..b8e3ee1 100644 --- a/index.html +++ b/index.html @@ -74,6 +74,7 @@ permalink: /
+
- {% if site.links.xing %} +{% for hash in site.links %}{% for linkInfo in hash %}{% if linkInfo[1].show %}
- Xing
- {% endif %} - - {% if site.links.linkedin %} -
- LinkedIn
- {% endif %} - - {% if site.links.googleplus %} -
- Google+
- {% endif %} - - {% if site.links.twitter %} -
- Twitter
- {% endif %} - - {% if site.links.weibo %} -
- 微博
- {% endif %} - - {% if site.links.vine %} -
- Vine
- {% endif %} - - {% if site.links.facebook %} -
- Facebook
- {% endif %} - - {% if site.links.vkontakte %} -
- ВКонтакте
- {% endif %} - - {% if site.links.instagram %} -
- Instagram
- {% endif %} - - {% if site.links.flickr %} -
- Flickr
- {% endif %} - - {% if site.links.steam %} -
- Steam
- {% endif %} - - {% if site.links.soundcloud %} -
- Soundcloud
- {% endif %} - - {% if site.links.lastfm %} -
- Last.fm
- {% endif %} - - {% if site.links.github %} -
- GitHub
- {% endif %} - - {% if site.links.codepen %} -
- CodePen
- {% endif %} - - {% if site.links.stackoverflow %} -
- Stack Overflow
- {% endif %} - - {% if site.links.reddit %} -
- Reddit
- {% endif %} - - {% if site.links.medium %} -
- Medium
- {% endif %} - - {% if site.links.tumblr %} -
Tumblr
- {% endif %} - - {% if site.links.blog %} -
- Blog
- {% endif %} - - {% if site.links.email %} -
- Email
- {% endif %} - - {% if site.links.publickey %} -
- PGP Key
- {% endif %} + href="{{ linkInfo[1].href }}"> + {{ linkInfo[1].name }}
+{% endif %}{% endfor %}{% endfor %}
-{% if site.featured_links %} -
-{% for hash in site.featured_links %}{% for featuredLink in hash %} -
- {{ featuredLink[1].name }}{% if featuredLink[1].caption %} -
{{ featuredLink[1].caption }}
{% endif %}
-{% endfor %}{% endfor %} +{% if site.extra_html %} +
+
{{ site.extra_html }}
{% endif %} @@ -236,7 +106,8 @@ permalink: /