From b768ce4fc92cb6283ee3d6aed560de5383be9afd Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Thu, 20 Feb 2025 18:25:27 +0000 Subject: [PATCH 1/7] init social badges shortcodes and template updates --- .../layouts/partials/events/cta.html | 36 +++++++++---------- .../shortcodes/event_social_linkedin.html | 20 +++++++++++ .../shortcodes/event_social_listserv.html | 21 +++++++++++ .../shortcodes/event_social_mastadon.html | 20 +++++++++++ .../shortcodes/event_social_slack.html | 21 +++++++++++ .../shortcodes/event_social_twitter.html | 21 +++++++++++ utilities/examples/data/events/main.yml | 11 ++++++ 7 files changed, 130 insertions(+), 20 deletions(-) create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html diff --git a/themes/devopsdays-theme/layouts/partials/events/cta.html b/themes/devopsdays-theme/layouts/partials/events/cta.html index e5865ea9cd2..01cf09fa8ca 100644 --- a/themes/devopsdays-theme/layouts/partials/events/cta.html +++ b/themes/devopsdays-theme/layouts/partials/events/cta.html @@ -2,6 +2,17 @@
+ + {{- if $e.startdate -}} + {{- if $e.cfp_date_start -}} + {{- if and (ge now (time $e.cfp_date_start)) (le now (time $e.cfp_date_end)) -}} +
+ Propose +
+ {{- end -}} + {{- end -}} + {{- end -}} + {{- if $e.registration_open -}} {{- if eq $e.registration_open "true" -}} @@ -46,26 +57,11 @@ {{- end -}} {{- end -}} - - - - {{- if $e.startdate -}} - {{- if $e.cfp_date_start -}} - {{- if and (ge now (time $e.cfp_date_start)) (le now (time $e.cfp_date_end)) -}} -
- Propose -
- {{- end -}} - {{- end -}} - {{- end -}} - - - - - {{- if $e.event_twitter -}} - {{- if ne $e.event.twitter "" -}} + + {{- if $e.organizer_email -}} + {{- if ne $e.organizer_email "" -}} {{- end -}} {{- end -}} @@ -120,4 +116,4 @@
- + \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html new file mode 100644 index 00000000000..d0c3912bb80 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html @@ -0,0 +1,20 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_linkedin -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html new file mode 100644 index 00000000000..6a84d3a7902 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html @@ -0,0 +1,21 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_listserv -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html new file mode 100644 index 00000000000..61549f93651 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html @@ -0,0 +1,20 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_mastadon -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html new file mode 100644 index 00000000000..18ca33aa5a9 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html @@ -0,0 +1,21 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_slack -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html new file mode 100644 index 00000000000..aa52f349171 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html @@ -0,0 +1,21 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_twitter -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/utilities/examples/data/events/main.yml b/utilities/examples/data/events/main.yml index 6fccebbec60..0bc3f7bc45f 100644 --- a/utilities/examples/data/events/main.yml +++ b/utilities/examples/data/events/main.yml @@ -34,6 +34,17 @@ location: "yourlocation" # Defaults to city, but you can make it the venue name. # location_address: "" #Optional - use the street address of your venue. This will show up on the welcome page if set. Also used by the event_map shortcode! +# Optional - Social badges +# These can be used in the body of any page via matching shortcodes. See sample: https://devopsdays.org/events/2025-denver/welcome/ +event_social_linkedin: "https://linkedin.com/company/devopsdayscityabbr" # Change this to the url to your Linkedin group, company, or page. +event_social_slack: "https://join.slack.com/t/devopsdayscityabbr/custom_shared_invite_url" # Change this to your slack invite link. +event_social_listserv: "https://lists.devopsdays.org/subscription?custom_listserv_invite_url" # Change this to your mailing list subscription form url. +event_social_twitter: "devopsdayscityabbr" # Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp +event_social_mastadon: "https://mastodon.social/@devopsdayscityabbr" # Change this to url to your mastadon page + +# legacy +event_twitter: "devopsdayscityabbr" # This will create a traditional "Follow" twitter button. Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp. + nav_elements: # List of pages you want to show up in the navigation of your page. # - name: propose # - name: location From ec6d84fe836eb224583f3f5069e3b13219b2a0a3 Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Thu, 20 Feb 2025 18:42:23 +0000 Subject: [PATCH 2/7] fix mastadon typos --- ...vent_social_mastadon.html => event_social_mastodon.html} | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) rename themes/devopsdays-theme/layouts/shortcodes/{event_social_mastadon.html => event_social_mastodon.html} (51%) diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html similarity index 51% rename from themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html rename to themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html index 61549f93651..ca5e960a9b1 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastadon.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html @@ -1,9 +1,9 @@ {{- $e := partial "functions/get-event-data" . -}} -{{- if $e.event_social_mastadon -}} - +{{- if $e.event_social_mastodon -}} + {{- else -}} - + {{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html index d0c3912bb80..3654eb7adef 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html @@ -16,5 +16,6 @@ } .social-li:hover { color: rgb(29, 96, 196); + text-decoration: none; } \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html index ca5e960a9b1..5ec867ca326 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html @@ -1,9 +1,9 @@ {{- $e := partial "functions/get-event-data" . -}} {{- if $e.event_social_mastodon -}} - + {{- else -}} - + {{- end -}} \ No newline at end of file From 6f49d0995eab666cc03a0b358e8dd92520c42126 Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Thu, 20 Feb 2025 19:30:28 +0000 Subject: [PATCH 4/7] update template --- utilities/examples/data/events/main.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/utilities/examples/data/events/main.yml b/utilities/examples/data/events/main.yml index 0bc3f7bc45f..7dd42352d98 100644 --- a/utilities/examples/data/events/main.yml +++ b/utilities/examples/data/events/main.yml @@ -41,7 +41,7 @@ event_social_slack: "https://join.slack.com/t/devopsdayscityabbr/custom_shared_i event_social_listserv: "https://lists.devopsdays.org/subscription?custom_listserv_invite_url" # Change this to your mailing list subscription form url. event_social_twitter: "devopsdayscityabbr" # Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp event_social_mastadon: "https://mastodon.social/@devopsdayscityabbr" # Change this to url to your mastadon page - +event_social_bsky: "https://bsky.app/profile/devopsdayscityabbr.bsky.social" # Change this to url to your bluesky page # legacy event_twitter: "devopsdayscityabbr" # This will create a traditional "Follow" twitter button. Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp. From 97404a739aea0c47d717ea9e28f0098f93b15b2c Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Thu, 20 Feb 2025 19:35:23 +0000 Subject: [PATCH 5/7] add youtube --- .../shortcodes/event_social_youtube.html | 21 +++++++++++++++++++ utilities/examples/data/events/main.yml | 1 + 2 files changed, 22 insertions(+) create mode 100644 themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html new file mode 100644 index 00000000000..0be05a11db0 --- /dev/null +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html @@ -0,0 +1,21 @@ +{{- $e := partial "functions/get-event-data" . -}} + +{{- if $e.event_social_youtube -}} + +{{- else -}} + +{{- end -}} + \ No newline at end of file diff --git a/utilities/examples/data/events/main.yml b/utilities/examples/data/events/main.yml index 7dd42352d98..feb6848ddb6 100644 --- a/utilities/examples/data/events/main.yml +++ b/utilities/examples/data/events/main.yml @@ -42,6 +42,7 @@ event_social_listserv: "https://lists.devopsdays.org/subscription?custom_listser event_social_twitter: "devopsdayscityabbr" # Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp event_social_mastadon: "https://mastodon.social/@devopsdayscityabbr" # Change this to url to your mastadon page event_social_bsky: "https://bsky.app/profile/devopsdayscityabbr.bsky.social" # Change this to url to your bluesky page +event_social_youtube: "devopsdayscityabbr" # Change this to the youtube channel handle for your event such as devopsdaysrox # legacy event_twitter: "devopsdayscityabbr" # This will create a traditional "Follow" twitter button. Change this to the twitter handle for your event such as devopsdayschi or devopsdaysmsp. From 1474621aef32b95c2a050a1a7c575208054b1f9c Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Sat, 22 Feb 2025 02:29:15 +0000 Subject: [PATCH 6/7] add ref for social badges --- themes/devopsdays-theme/reference.md | 35 ++++++++++++++++++---------- 1 file changed, 23 insertions(+), 12 deletions(-) diff --git a/themes/devopsdays-theme/reference.md b/themes/devopsdays-theme/reference.md index 3db2fc4f8ff..2592c40acd4 100644 --- a/themes/devopsdays-theme/reference.md +++ b/themes/devopsdays-theme/reference.md @@ -47,18 +47,17 @@ The `/data/events/YYYY/CITY.main.yml` file is the main configuration file for yo ### General Fields -| Field Name | Type | Required | Description | Example | -|------------------|--------|----------|-------------------------------------------------------------------------------------------------------|-----------------------------------------------| -| `name` | String | Yes | The name of the event. Four digit year with the city name in lower-case, with no spaces. | "2017-chicago" | -| `year` | String | Yes | The year of the event. Make sure it is in quotes. | "2017" | -| `city` | String | Yes | The displayed city name of the event. Capitalize it. | "Salt Lake City" | -| `event_twitter` | String | Yes | The twitter handle for your event such as "devopsdayschi" or "devopsdaysmsp". Exclude the "@" symbol. | "devopsdayschi" | -| `description` | String | No | Overall description of your event. Quotation marks need to be escaped. | "It's time for more DevOpsDays at Ponyville!" | -| `ga_tracking_id` | String | No | If you have your own Google Analytics tracking ID, enter it here. | "UA-74738648-1" | -| `gtm_tracking_id` | String | No | If you have your own Google Analytics v4 tracking ID, enter it here. | "G-NCBC4PBEMK" | -| `event_group` | String | No | If you'd like to group different events together (ie, "australia"), set them to the same "event_group" | "ponyville" | -| `speakers_verbose` | String | No | Set this to "true" if you want verbose speaker attributes (URLs visible). | "true" | -| `cancel` | String | No | If your event must be cancelled, add this field with the value of "true" (case-sensitive). This will keep it from being listed in the "upcoming events" views. | "true" | | +| Field Name | Type | Required | Description | Example | +|--------------------|--------|----------|-------------------------------------------------------------------------------------------------------|-----------------------------------------------| +| `name` | String | Yes | The name of the event. Four digit year with the city name in lower-case, with no spaces. | "2017-chicago" | +| `year` | String | Yes | The year of the event. Make sure it is in quotes. | "2017" | +| `city` | String | Yes | The displayed city name of the event. Capitalize it. | "Salt Lake City" | +| `description` | String | No | Overall description of your event. Quotation marks need to be escaped. | "It's time for more DevOpsDays at Ponyville!" | +| `ga_tracking_id` | String | No | If you have your own Google Analytics tracking ID, enter it here. | "UA-74738648-1" | +| `gtm_tracking_id` | String | No | If you have your own Google Analytics v4 tracking ID, enter it here. | "G-NCBC4PBEMK" | +| `event_group` | String | No | If you'd like to group different events together (ie, "australia"), set them to the same "event_group"| "ponyville" | +| `speakers_verbose` | String | No | Set this to "true" if you want verbose speaker attributes (URLs visible). | "true" | +| `cancel` | String | No | If your event must be cancelled, add this field with the value of "true" (case-sensitive). This will keep it from being listed in the "upcoming events" views. | "true" | ### Date-related Fields All dates are in unquoted YYYY-MM-DD, like this: `variable: 2016-01-05`, or like `variable: 2016-01-05T23:59:00-06:00` @@ -80,6 +79,18 @@ All dates are in unquoted YYYY-MM-DD, like this: `variable: 2016-01-05`, or like | `registration_link` | String | No | If you have a custom registration link, enter it here. This will control the Registration menu item as well as the "Register" button. | "https://myurlhere" reference it like {{< event_link url-key="registration_link" text="Register to attend the conference!" >}} | | | `sponsor_link` | String | No | If you have a custom sponsorship link, enter it here. This will control the "Become an X Sponsor!" links. It does NOT change the "Sponsor" button. | "https://myurlhere" | | +### Social Fields +| Field Name | Type | Required | Description | Example | +|-------------------------|--------|----------|-------------------------------------------------------------------------------------------------------|------------------------------------------------------| +| `event_social_twitter` | String | No | The twitter handle for your event such as "devopsdayschi" or "devopsdaysmsp". Exclude the "@" symbol. | "devopsdaysrox" | +| `event_social_linkedin` | String | No | The direct URL to your linkedin event or group/company page. | "https://www.linkedin.com/company/devopsdaysrox" | +| `event_social_youtube` | String | No | The Youtube handle for your event such as "devopsdaysrox" or "devopsdayschi". Exclude the "@" symbol. | "devopsdaysrox" | +| `event_social_bsky` | String | No | The BlueSky direct URL for your event/group profile. Can link to a custom server. | "https://bsky.app/profile/dodrox.bsky.social" | +| `event_social_mastodon` | String | No | The Mastodon direct URL for your event/group profile. Can link to a custom server. | "https://mastodon.social/@dodrox" | +| `event_social_slack` | String | No | The invite URL to your slack workspace. | "https://join.slack.com/t/dodrox/shared_invite/xyz" | +| `event_social_listserv` | String | No | The URL to subscribe to your group mailing list. | "https://lists.devopsdays.org/subscription?f=xyz". | +| `event_twitter` | String | No | Legacy field for the twitter handle. Exclude the "@" symbol. Kept for backward support. | "devopsdayschi" | + ### Branding Fields | Field Name | Type | Required | Description | Example | From dd0e6a7c417d2eb5809b871d0d5dcd026681ad33 Mon Sep 17 00:00:00 2001 From: Keri Melich Date: Sat, 22 Feb 2025 02:34:31 +0000 Subject: [PATCH 7/7] move inline css to top-level --- .../layouts/shortcodes/event_social_bsky.html | 16 +--- .../shortcodes/event_social_linkedin.html | 16 +--- .../shortcodes/event_social_listserv.html | 16 +--- .../shortcodes/event_social_mastodon.html | 16 +--- .../shortcodes/event_social_slack.html | 16 +--- .../shortcodes/event_social_twitter.html | 16 +--- .../shortcodes/event_social_youtube.html | 16 +--- themes/devopsdays-theme/static/css/site.css | 86 +++++++++++++++++++ 8 files changed, 93 insertions(+), 105 deletions(-) diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_bsky.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_bsky.html index 54c27a3e7c1..daf6d67865c 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_bsky.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_bsky.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html index 3654eb7adef..2e0ffeb7a9a 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_linkedin.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html index 6a84d3a7902..3dc449b9652 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_listserv.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html index 5ec867ca326..3f7e967cbb9 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_mastodon.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html index 18ca33aa5a9..b0fb292ac22 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_slack.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html index aa52f349171..e6db0d91fbd 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_twitter.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html b/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html index 0be05a11db0..b98ebb75c14 100644 --- a/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html +++ b/themes/devopsdays-theme/layouts/shortcodes/event_social_youtube.html @@ -4,18 +4,4 @@ {{- else -}} -{{- end -}} - \ No newline at end of file +{{- end -}} \ No newline at end of file diff --git a/themes/devopsdays-theme/static/css/site.css b/themes/devopsdays-theme/static/css/site.css index 444a002d5d0..e9c783bff23 100644 --- a/themes/devopsdays-theme/static/css/site.css +++ b/themes/devopsdays-theme/static/css/site.css @@ -10346,4 +10346,90 @@ article .article__body nav#toc .toc li > ol { font-size: 13px; } } + +/* social badges */ +.social-bsky { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-bksy:hover { + color: rgb(17, 134, 243); + text-decoration: none; +} +.social-li { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-li:hover { + color: rgb(29, 96, 196); + text-decoration: none; +} +.social-envelope { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-envelope:hover { + color: rgb(46, 124, 43); + text-decoration: none; +} +.social-mstd { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-mstd:hover { + color: rgb(110, 99, 218); + text-decoration: none; +} +.social-slack { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-slack:hover { + color: rgb(223, 180, 42); + text-decoration: none; +} +.social-x { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-x:hover { + color: rgb(95, 92, 92); + text-decoration: none; +} +.social-yt { + color: black; + height: 50px; + padding: 12px; + font-size: 30px; + text-decoration: none; + display: inline-block; +} +.social-yt:hover { + color: rgb(224, 52, 52); + text-decoration: none; +} /*# sourceMappingURL=site.css.map */