list-of-themes.js

window.listOfThemes = {
    "default-vertical-1": {
        name: 'Default Vertical',
        description: 'This is a default logo used in most different places.\nThis theme is applied in the portal and different social networks.',
        className: 'def-vert-1',
        background: '#444',
        author: '@felipenmoura'
    },
    "default-horizontal": {
        name: 'Default Horizontal',
        description: 'A default version of the logo, in a horizontal format.\nThis allows us to use the logo in different formats, such as in printed material, headers, cards or footers.',
        className: 'def-horizontal',
        background: 'radial-gradient(at center center, rgb(72, 123, 175) 0%, rgb(44, 106, 169) 44%, rgb(5, 41, 78) 100%)',
        author: '@felipenmoura'
    },
    "default-vertical-2": {
        name: 'Default Vertical 2',
        description: 'This is another vertion for the vertical logo.\nAlthough it\'s similar to the first one, it has the world "brazil" in a different position.\nThis offers a different proportion/scale/rate for the logo, as it is not as thin as the original vertical logo.',
        className: 'def-vert-2',
        background: '#444',
        author: '@felipenmoura'
    },
    "hack-yeah": {
        name: 'Hack yeah!',
        description: 'Hack\'n\'roll JavaScript!\nA funny version of the logo, inspiring you with some cool things you can do with it :)',
        className: 'hack-yeah',
        background: 'url(themes/hack-yeah/fire.jpg) center bottom',
        author: '@felipenmoura'
    },
    "brazuca": {
        name: 'Brazuca',
        description: 'An extremely brazilian version of the logo',
        className: 'brazuca',
        background: 'url(themes/brazuca/brazilian-flag.jpg) center bottom',
        author: '@felipenmoura'
    },
    "square-solid": {
        name: 'Solid Square',
        description: 'This is a squared version of the logo.\nThis is specially useful as an icon or favicon, or a web app icon.',
        className: 'square-solid',
        background: '#f9f9f9',
        author: '@felipenmoura'
    },
    "square-hollow": {
        name: 'Hollow Square',
        description: 'This is another squared version of the logo, but it\'s hollow, with a transparent background.\nThis is also very useful for icons and favicons, or web app icon.',
        className: 'square-hollow',
        background: '#f9f9f9',
        author: '@felipenmoura'
    },
    "retro-80s": {
        name: '80s retrowave',
        description: '80s retrowave theme by @BrOrlandi. Background image by Rafaël De Jongh on DeviantArt.',
        className: 'retro-80s',
        background: 'url(themes/retro-80s/retrowave_80_s_bg_by_rafael_de_jongh.png) center',
        author: '@BrOrlandi'
    },
};