1"use strict";(self.webpackChunkforem_admin=self.webpackChunkforem_admin||[]).push([[3463],{3905:function(e,n,t){t.d(n,{Zo:function(){return d},kt:function(){return u}});var a=t(7294);function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function r(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function s(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)t=i[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=a.createContext({}),m=function(e){var n=a.useContext(c),t=n;return e&&(t="function"==typeof e?e(n):r(r({},n),e)),t},d=function(e){var n=m(e.components);return a.createElement(c.Provider,{value:n},e.children)},l={inlineCode:"code",wrapper:function(e){var n=e.children;return a.createElement(a.Fragment,{},n)}},p=a.forwardRef((function(e,n){var t=e.components,o=e.mdxType,i=e.originalType,c=e.parentName,d=s(e,["components","mdxType","originalType","parentName"]),p=m(t),u=o,g=p["".concat(c,".").concat(u)]||p[u]||l[u]||i;return t?a.createElement(g,r(r({ref:n},d),{},{components:t})):a.createElement(g,r({ref:n},d))}));function u(e,n){var t=arguments,o=n&&n.mdxType;if("string"==typeof e||o){var i=t.length,r=new Array(i);r[0]=p;var s={};for(var c in n)hasOwnProperty.call(n,c)&&(s[c]=n[c]);s.originalType=e,s.mdxType="string"==typeof e?e:o,r[1]=s;for(var m=2;m<i;m++)r[m]=t[m];return a.createElement.apply(null,r)}return a.createElement.apply(null,t)}p.displayName="MDXCreateElement"},1106:function(e,n,t){t.r(n),t.d(n,{default:function(){return d},frontMatter:function(){return r},metadata:function(){return s},toc:function(){return c}});var a=t(7462),o=t(3366),i=(t(7294),t(3905)),r={description:'How to go into "campaign mode" on the homepage.',position:9},s={unversionedId:"advanced-customization/config/images",id:"advanced-customization/config/images",isDocsHomePage:!1,title:"Images",description:'How to go into "campaign mode" on the homepage.',source:"@site/docs/advanced-customization/config/images.md",sourceDirName:"advanced-customization/config",slug:"/advanced-customization/config/images",permalink:"/docs/advanced-customization/config/images",editUrl:"https://github.com/forem/admin-docs/edit/main/docs/advanced-customization/config/images.md",version:"current",frontMatter:{description:'How to go into "campaign mode" on the homepage.',position:9},sidebar:"tutorialSidebar",previous:{title:"Google reCAPTCHA",permalink:"/docs/advanced-customization/config/google-recaptcha"},next:{title:"Mascot",permalink:"/docs/advanced-customization/config/mascot"}},c=[{value:"Logo",id:"logo",children:[]},{value:"Secondary Logo",id:"secondary-logo",children:[]},{value:"Main Social Image",id:"main-social-image",children:[]},{value:"Favicon URL",id:"favicon-url",children:[]}],m={toc:c};function d(e){var n=e.components,t=(0,o.Z)(e,["components"]);return(0,i.kt)("wrapper",(0,a.Z)({},m,t,{components:n,mdxType:"MDXLayout"}),(0,i.kt)("div",{className:"admonition admonition-important alert alert--info"},(0,i.kt)("div",{parentName:"div",className:"admonition-heading"},(0,i.kt)("h5",{parentName:"div"},(0,i.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,i.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,i.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"important")),(0,i.kt)("div",{parentName:"div",className:"admonition-content"},(0,i.kt)("p",{parentName:"div"},"We're in the middle of some fast-moving changes to the Forem Admin experience, so we've paused documentation updates for the time being. You may find that the docs are now outdated in parts. If you have any questions, please visit ",(0,i.kt)("a",{parentName:"p",href:"https://forem.dev"},"forem.dev")," to request additional support. We thank you for your patience and hope you're liking the changes!"))),(0,i.kt)("h3",{id:"logo"},"Logo"),(0,i.kt)("p",null,"The main site logo appears in the site\u2019s navbar (in the top left-hand corner).\nThe following logo types are accepted: PNG, JPG, and JPEG. Logos should not be more than 3 MB in size and should not be greater than 4096x4096px in dimensions. If your upload attempt is unsuccessful, try resizing the logo and uploading it again."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://raw.githubusercontent.com/forem/admin-docs/main/static/img/ImagesLogo.png",alt:"Logo in use in navbar"})),(0,i.kt)("h3",{id:"secondary-logo"},"Secondary Logo"),(0,i.kt)("p",null,"Used as a secondary logo in places like the sign-in modals, user onboarding, and Apple touch icons. This field requires an image URL link and we recommend that the image be a minimum of 512px512px in dimensions for the best results."),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note: You can quickly generate an image link URL by visiting ",(0,i.kt)("inlineCode",{parentName:"strong"},"/admin/advanced/tools")," and uploading a photo.")),(0,i.kt)("h3",{id:"main-social-image"},"Main Social Image"),(0,i.kt)("p",null,"This image is used as the default OpenGraph image that appears when you share links to your community on external sites. This field requires an image URL link and we recommend that the image has an aspect ratio of 16:9 (600x337px or 1200x675px) for the best results."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://raw.githubusercontent.com/forem/admin-docs/main/static/img/ImagesSocial.png",alt:"Social Image in use on Twitter"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note: You can quickly generate an image link URL by visiting ",(0,i.kt)("inlineCode",{parentName:"strong"},"/admin/advanced/tools")," and uploading a photo.")),(0,i.kt)("h3",{id:"favicon-url"},"Favicon URL"),(0,i.kt)("p",null,"The Favicon is a small, iconic image that represents your website. Favicons are most often found in the address bar of new browser tabs. This field requires an image URL link and we recommend uploading a square image for the best results."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://raw.githubusercontent.com/forem/admin-docs/main/static/img/ImagesFavicon.png",alt:"Favicon in use in browser tab"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note: You can quickly generate an image link URL by visiting ",(0,i.kt)("inlineCode",{parentName:"strong"},"/admin/advanced/tools")," and uploading a photo.")))}d.isMDXComponent=!0}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.