Branding Stylesheet

Error executing template "Designs/ClientBase_generated/Paragraph/FooterWidgetLogo.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_96217d8329894206a1578808b0c26012.Execute() in D:\dynamicweb.net\Solutions\Bluedesk\koksgroup.cloud.dynamicweb-cms.com\files\Templates\Designs\ClientBase_generated\Paragraph\FooterWidgetLogo.cshtml:line 35
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     
  3     @using System.Web;
  4     @using Dynamicweb;
  5     
  6     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
  7     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
  8     
  9     
 10     @{
 11     
 12     	var paragraphID = Model.ItemId;
 13     	FooterWidgetLogo _data = Dynamicweb.Services.Items.GetItem("FooterWidgetLogo", paragraphID).ToCodeFirstItem<FooterWidgetLogo>();
 14     
 15     	BaseSettingsObj BaseSettings = (BaseSettingsObj)HttpContext.Current.Session["BaseSettings"];
 16     
 17     	string LogoDesktopImage = (!string.IsNullOrWhiteSpace(_data.LogoDesktopImage.ToString())) ? _data.LogoDesktopImage.ToString() : "";
 18     
 19     	/*** Desktop logo Settings ***/
 20     	string footer_logo__top = _data.LogoTop.ToString();
 21     	footer_logo__top = !string.IsNullOrWhiteSpace(footer_logo__top) ? footer_logo__top + "px" : "auto";
 22     
 23     	string footer_logo__left = _data.LogoLeft.ToString();
 24     	footer_logo__left = !string.IsNullOrWhiteSpace(footer_logo__left) ? footer_logo__left + "px" : "auto";
 25     
 26     	string footer_logo__width = _data.LogoWidth.ToString();
 27     	footer_logo__width = !string.IsNullOrWhiteSpace(footer_logo__width) && footer_logo__width != "0" ? footer_logo__width + "px" : "auto";
 28     
 29     	string footer_logo__container_width = _data.LogoContainerWidth.ToString();
 30     	footer_logo__container_width = !string.IsNullOrWhiteSpace(footer_logo__container_width) && footer_logo__container_width != "0" ? footer_logo__container_width + "px" : "auto";
 31     
 32     	string footer_logo__height = _data.LogoHeight.ToString();
 33     	footer_logo__height = !string.IsNullOrWhiteSpace(footer_logo__height) && footer_logo__height != "0" ? footer_logo__height + "px" : "auto";
 34     
 35     	string footer_desktop__logo = _data.LogoDesktopImage.ToString();
 36     
 37     }
 38     
 39     <figure class="Footer__logo Footer__logo--@paragraphID @_data.CssClass">
 40     	<a href="@BaseSettings.System.HomepageLink" aria-label="Logo">
 41     		<img src="@footer_desktop__logo" alt="" />
 42     	</a>
 43     </figure>
 44     
 45     <style>
 46     
 47     	.Footer__logo {
 48     		top: var(--Top);
 49     		left: var(--Left);
 50     	}
 51     
 52     	.Footer__logo,
 53     	.Footer__logo img {
 54     		width: var(--Width);
 55     		height: var(--Height);
 56     	}
 57     
 58     	.Footer__logo--@paragraphID {
 59     		--Top: @footer_logo__top;
 60     		--Left: @footer_logo__left;
 61     		--Width: @footer_logo__container_width;
 62     	}
 63     
 64     	.Footer__logo--@paragraphID {
 65     		--Height: 100%;
 66     		--Width: @footer_logo__width;
 67     	}
 68     
 69     	.Footer__logo--@paragraphID img {
 70     		--Height: @footer_logo__height;
 71     		--Width: @footer_logo__width;
 72     	}
 73     
 74     </style>
 75     

Error executing template "Designs/ClientBase_generated/Paragraph/FooterWidgetSocialMedia.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_3a962673e96940bf892b2541994e2a20.Execute() in D:\dynamicweb.net\Solutions\Bluedesk\koksgroup.cloud.dynamicweb-cms.com\files\Templates\Designs\ClientBase_generated\Paragraph\FooterWidgetSocialMedia.cshtml:line 24
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     
  3     @using System.Web;
  4     
  5     @using Dynamicweb;
  6     @using Dynamicweb.Content.Items;
  7     
  8     @using Bluedesk.DynamicWeb.ItemTypes;
  9     @using Dynamicweb.Frontend.Navigation
 10     
 11     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
 12     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
 13     
 14     @using Dynamicweb.Frontend;
 15     
 16     
 17     @{
 18     
 19     	string paragraphID = Model.ItemId;
 20     	FooterWidgetSocialMedia _data = Dynamicweb.Services.Items.GetItem("FooterWidgetSocialMedia", paragraphID).ToCodeFirstItem<FooterWidgetSocialMedia>();
 21     
 22     	BaseSettingsObj BaseSettings = (BaseSettingsObj)HttpContext.Current.Session["BaseSettings"];
 23     
 24     	var fb = BaseSettings.SocialMedia.Facebook;
 25     	var twitter = BaseSettings.SocialMedia.Twitter;
 26     	var linkedin = BaseSettings.SocialMedia.LinkedIn;
 27     	var instagram = BaseSettings.SocialMedia.Instagram;
 28     	var youtube = BaseSettings.SocialMedia.Youtube;
 29     	var pinterest = BaseSettings.SocialMedia.Pinterest ?? "";
 30     
 31     	string twitterIconStyle = _data.TwitterIconStyle;
 32     	string facebookIconStyle = _data.FacebookIconStyle;
 33     	string linkedinIconStyle = _data.LinkedInIconStyle;
 34     	string instagramIconStyle = _data.InstagramIconStyle;
 35     	string youtubeIconStyle = _data.YoutubeIconStyle;
 36     	string pinterestIconStyle = _data.PinterestIconStyle;
 37     
 38     }
 39     
 40     @if (!string.IsNullOrWhiteSpace(twitter) || !string.IsNullOrWhiteSpace(fb) || !string.IsNullOrWhiteSpace(linkedin) || !string.IsNullOrWhiteSpace(youtube) || !string.IsNullOrWhiteSpace(instagram) || !string.IsNullOrWhiteSpace(pinterest))
 41     {
 42     	<section class="@_data.CssClass">
 43     
 44     		<span>@Translate("Footer.FollowUs", "Volg ons op:")</span>
 45     
 46     		<div>
 47     			@if (!string.IsNullOrWhiteSpace(twitter))
 48     			{
 49     				<a href="@twitter" target="_blank" title="X (Twitter)" class="footer__social" rel="noreferrer">
 50     					@switch(twitterIconStyle) {
 51     						case "square-twitter":
 52     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM351.3 199.3v0c0 86.7-66 186.6-186.6 186.6c-37.2 0-71.7-10.8-100.7-29.4c5.3 .6 10.4 .8 15.8 .8c30.7 0 58.9-10.4 81.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2 3.2-23.4 8.9-33.1c32.3 39.8 80.8 65.8 135.2 68.6c-9.3-44.5 24-80.6 64-80.6c18.9 0 35.9 7.9 47.9 20.7c14.8-2.8 29-8.3 41.6-15.8c-4.9 15.2-15.2 28-28.8 36.1c13.2-1.4 26-5.1 37.8-10.2c-8.9 13.1-20.1 24.7-32.9 34c.2 2.8 .2 5.7 .2 8.5z"/></svg>
 53     						break;
 54     						case "x-twitter":
 55     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>	
 56     						break;
 57     						case "square-x-twitter":
 58     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg>
 59     						break;
 60     						default:
 61     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
 62     						break;
 63     					}
 64     				</a>
 65     			}
 66     			@if (!string.IsNullOrWhiteSpace(fb))
 67     			{
 68     				<a href="@fb" target="_blank" title="Facebook" class="footer__social" rel="noreferrer">
 69     					@switch(facebookIconStyle) {
 70     						case "square-facebook":
 71     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>
 72     						break;
 73     						case "facebook-f":
 74     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
 75     						break;
 76     						default:
 77     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
 78     						break;
 79     					}
 80     				</a>
 81     			}
 82     			@if (!string.IsNullOrWhiteSpace(linkedin))
 83     			{
 84     				<a href="@linkedin" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer">
 85     					@switch(linkedinIconStyle) {
 86     						case "linkedin-in":
 87     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>
 88     						break;
 89     						default:
 90     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
 91     						break;
 92     					}
 93     				</a>
 94     			}
 95     			@if (!string.IsNullOrWhiteSpace(youtube))
 96     			{
 97     				<a href="@youtube" target="_blank" title="YouTube" class="footer__social" rel="noreferrer">
 98     					@switch(youtubeIconStyle) {
 99     						case "square-youtube":
100     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z"/></svg>
101     						break;
102     						default:
103     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
104     						break;
105     					}
106     				</a>
107     			}
108     			@if (!string.IsNullOrWhiteSpace(instagram))
109     			{
110     				<a href="@instagram" target="_blank" title="Instagram" class="footer__social" rel="noreferrer">
111     					@switch(instagramIconStyle) {
112     						case "square-instagram":
113     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"/></svg>
114     						break;
115     						default:
116     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
117     						break;
118     					}
119     					
120     				</a>
121     			}
122     			@if (!string.IsNullOrWhiteSpace(pinterest))
123     			{
124     				<a href="@pinterest" target="_blank" title="Pinterest" class="footer__social" rel="noreferrer">
125     					@switch(pinterestIconStyle) {
126     						case "square-pinterest":
127     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg>
128     						break;
129     						case "pinterest-p":
130     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg>
131     						break;
132     						default:
133     							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>
134     						break;
135     					}
136     				</a>
137     			}
138     		</div>
139     
140     	</section>
141     }
142     
143     <style>
144     	.footer__social i,
145     	.footer__social svg {
146     		color: #000000;
147     	}
148     	.footer__social svg {
149     		fill: #000000;
150     		height: 25px;
151     	}
152     	.footer__social {
153     		margin: 0;
154     		margin-top: 1rem;
155         	margin-bottom: 1rem;
156     		overflow: visible;
157     	}
158     	.footer__social:not(:last-child) {
159     		margin-right: 1rem;
160     	}
161     </style>
162