1"use strict";(self.webpackChunkphpvms_docs=self.webpackChunkphpvms_docs||[]).push([[9329],{30354(e,s,t){t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>a,metadata:()=>i,toc:()=>d});const i=JSON.parse('{"id":"acars/customization","title":"Customization","description":"Logo Images","source":"@site/docs/acars/customization.md","sourceDirName":"acars","slug":"/acars/customization","permalink":"/8.x/acars/customization","draft":false,"unlisted":false,"editUrl":"https://github.com/phpvms/docs/tree/master/docs/acars/customization.md","tags":[],"version":"current","frontMatter":{"id":"customization","title":"Customization"},"sidebar":"docs","previous":{"title":"Debugging","permalink":"/8.x/acars/client/debugging"},"next":{"title":"Getting Started","permalink":"/8.x/acars/plugins/getting-started"}}');var n=t(74848),o=t(28453);const a={id:"customization",title:"Customization"},r=void 0,c={},d=[{value:"Logo Images",id:"logo-images",level:2},{value:"Discord Rich Presence",id:"discord-rich-presence",level:2},{value:"1. Create the Application",id:"1-create-the-application",level:4},{value:"2. Add your logos to the art assets",id:"2-add-your-logos-to-the-art-assets",level:4},{value:"3. Set the application ID",id:"3-set-the-application-id",level:4},{value:"Custom Configs",id:"custom-configs",level:2}];function l(e){const s={a:"a",admonition:"admonition",code:"code",em:"em",h2:"h2",h4:"h4",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h2,{id:"logo-images",children:"Logo Images"}),"\n",(0,n.jsx)(s.p,{children:"You can add your logo to the splash screen and the dashboard. They will be\nresized down to fit. Fill in the URLs to your logos. They should be PNG format\n(transparency is supported):"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.strong,{children:"Splash Screen Banner"})," ",(0,n.jsx)(s.em,{children:"Premium License Required"})," - This replaces the large\nphpvms splash screen. 500x375 recommended for best look, anything larger will\nbe scaled down to the size."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.strong,{children:"Splash Screen Logo"})," - This adds a small logo to the bottom right of the\nsplash screen. This can be combined with the splash screen banner. This will\nbe sized to 150x150"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.strong,{children:"Dashboard Logo"})," - This places a logo onto the dashboard, to the right of\nthe user profile. This will be sized to 300x64 max."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.strong,{children:"Dashboard Logo Dark"})," - The logo to use for dark mode. If empty, it'll just\nuse the Dashboard Logo"]}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:t(92551).A+"",width:"1322",height:"274"})}),"\n",(0,n.jsx)(s.h2,{id:"discord-rich-presence",children:"Discord Rich Presence"}),"\n",(0,n.jsx)(s.admonition,{type:"tip",children:(0,n.jsx)(s.p,{children:"This requires the ACARS Premium Addon"})}),"\n",(0,n.jsxs)(s.p,{children:['To customize the "Rich Presence" dialog in Discord, you need to create a new\nApplication in Discord. You\'ll then enter the provided ',(0,n.jsx)(s.code,{children:"Application ID"}),' into the\nadmin panel. If you don\'t set this, the default "vmsACARS" application will be\nused.']}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:t(79715).A+"",width:"594",height:"140"})}),"\n",(0,n.jsx)(s.h4,{id:"1-create-the-application",children:"1. Create the Application"}),"\n",(0,n.jsxs)(s.p,{children:["Visit\n",(0,n.jsx)(s.a,{href:"https://discord.com/developers/applications",children:"Discord Application Developer site"}),',\nand select "New Application". I suggest using your VA name, it will say\nsomething like "Playing (whatever you enter)" (or something like "VA Name\nACARS")']}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{alt:"Default Rich Presence",src:t(71292).A+"",width:"1272",height:"483"})}),"\n",(0,n.jsxs)(s.p,{children:["Upload your logo and title it appropriately. ",(0,n.jsx)(s.strong,{children:'Make note of the "Application ID"\nhere, this will go into the admin panel.'})]}),"\n",(0,n.jsx)(s.h4,{id:"2-add-your-logos-to-the-art-assets",children:"2. Add your logos to the art assets"}),"\n",(0,n.jsxs)(s.p,{children:['Next, go to "Rich Presence" and then "Art Assets". Add your cover image here,\nand add a new ',(0,n.jsx)(s.strong,{children:"Rich Presence Asset"})," titled ",(0,n.jsx)(s.code,{children:"logo"}),". This will be used in the\nmini box that shows up"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsxs)(s.p,{children:["The logo asset added must be titled ",(0,n.jsx)(s.code,{children:"logo"})]})}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:t(58337).A+"",width:"1381",height:"730"})}),"\n",(0,n.jsx)(s.h4,{id:"3-set-the-application-id",children:"3. Set the application ID"}),"\n",(0,n.jsx)(s.p,{children:"Set the application ID in the admin panel."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:t(61739).A+"",width:"1119",height:"103"})}),"\n",(0,n.jsx)(s.h2,{id:"custom-configs",children:"Custom Configs"}),"\n",(0,n.jsx)(s.admonition,{title:"This requires the ACARS Premium Addon :::",type:"tip",children:(0,n.jsxs)(s.p,{children:["You can create a zip file and upload your custom configurations. Follow the\ninstructions in the ",(0,n.jsx)(s.a,{href:"https://github.com/phpvms/acars-pdk",children:"acars-pdk"})," repository."]})})]})}function h(e={}){const{wrapper:s}={...(0,o.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},61739(e,s,t){t.d(s,{A:()=>i});const i=t.p+"assets/images/discord-app-id-e4bb2c9e1180615c2eef39b5ca8bd616.png"},58337(e,s,t){t.d(s,{A:()=>i});const i=t.p+"assets/images/discord-assets-99f3a63dc244000f752f35d8dfe558f7.png"},71292(e,s,t){t.d(s,{A:()=>i});const i=t.p+"assets/images/discord-new-app-f58ce80afb3ac103be37534f89ed67c4.png"},79715(e,s,t){t.d(s,{A:()=>i});const i=t.p+"assets/images/discord-1d7c114a4a9633c4fec8bc54e303d143.png"},92551(e,s,t){t.d(s,{A:()=>i});const i=t.p+"assets/images/logo-urls-edb8bcd21fce928753dbd6616ed98ca5.png"},28453(e,s,t){t.d(s,{R:()=>a,x:()=>r});var i=t(96540);const n={},o=i.createContext(n);function a(e){const s=i.useContext(o);return i.useMemo(function(){return"function"==typeof e?e(s):{...s,...e}},[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(o.Provider,{value:s},e.children)}}}]);
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.