Main Page🔒 SSL Verified

Table of Contents

• ↓ Navigation menu
• ↓ Top Alternatives to gbf.wiki

6-Month Traffic Trend Estimate

Official Contact & Profiles

Visual representation extracted from gbf.wiki

Content Snippets from gbf.wiki

"Granblue Fantasy / グランブルーファンタジー is a turn-based, browser JRPG gacha game made by Cygames."

"#content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAPoCAYAAAAftpReAAAAZUlEQVR4Ae2UMQ7AMAgDnf7/z67UPcOJWixeToCvMDXHtouiKIqiKP7EI+mDcAWDQQsUMKPBXQYKXcDlwBf7C/aPa1NWIN34U5RX5u8QD7iSr7jCg1QLFDbjgROH7grHsZ1EURQvkDG4Qaz3D7IAAAAASUVORK5CYII=) repeat-x center top, url(https://gbf.wiki/images/c/cc/World_1_preprocessed.webp) fixed bottom right / cover no-repeat } .page-Main_Page .mw-parser-output > p, .page-Main_Page .row > p, .page-Main_Page .column > p { display: none !important; } .row { display: flex; gap: 1em; flex-wrap: wrap; width: 100%; margin: 0 auto; box-sizing: border-box; justify-content: center; } .mw-parser-output, .column { display: flex; flex-direction: column; gap: 1em; } .card { background: #fffb; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 2px 2px rgba(0,0,0,.12); min-width: 280px; box-sizing: border-box; margin: 0; text-align: center; } .card > div { padding: 0.75em 1em; } .card > div > p { margin: 0; } .card .card-header { background: #fff; text-align: center; font-size: 125%; font-weight: bold; padding-top: 0.5em; padding-bottom: 0.25em; border-bottom: 1px solid rgba(0,0,0,.12); position: relative; } .card .card-header:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; background: radial-gradient(ellipse 100% 20px at center top, rgba(0,30,60,.2), transparent 30%); pointer-events: none; } .card .card-header:first-child { margin-top: 0; } .row > .card { flex-grow: 1; } .card hr { background: rgba(0,0,0,0.12); } /* 3 Responsive Layouts */ /* ------------------------------------------------- */ .row.main-content { display: none; } .row.main-content > .column { flex-grow: 1; flex-basis: 280px; } @media (max-width: 840px) { .row.main-content.one-column-view { display: flex; } .row, .one-column-view { max-width: 540px; } .card-whatsnew div { max-height: 600px; } } @media (min-width: 840px) and (max-width: 1820px) { .row.main-content.two-column-view { display: flex; } .row, .two-column-view { max-width: 1200px; } .card-current-events img, .card-upcoming-events img, .card-future-updates img, .card-draw-promotions .gallery-swap-images img, .card-campaigns > :last-child > :first-child img { width: 100% !important; height: auto !important; min-width: 230px; max-width: 450px; } .card-draw-promotions .double-promotion .wrapper > span, .card-draw-promotions .double-promotion img { min-width: 0 !important; max-width: none !important; width: 100% !important; } .accordion-swap-images { width: 100% !important; min-width: 280px; max-width: 470px; } } @media (min-width: 1820px) { .row.main-content.three-column-view { display: flex; } .row, .three-column-view { max-width: 1600px; } } /* Hide AccordionGSI under 1280px */ @media (max-width: 1280px) { .card-campaigns .accordion-swap-images { display: none; } } /* Specific Card Styling • Top Row */ /* ------------------------------------------------- */ .row-top .subtext { margin: 0.5em 0; } .row-top .links { max-width: 1200px; margin: 1em auto .5em; justify-content: center; } .row-top .links > div { display: flex; gap: 0.5em; margin: 0 0.25em; flex-grow: .2; justify-content: space-around !important; } .card.card-header { border: none; background: transparent; box-shadow: none; padding: 0; } .row-top .card-header > div { padding: 0; } .row-top .card-header .row { gap: 0; } /* Specific Styling • Card Promo Art */ /* ------------------------------------------------- */ .card-promotional-art > div:last-child, .card-promotional-art > div:last-child *:not(img), .card-promotional-art .gallery { width: auto !important; height: auto; padding: 0 !important; margin: 0 !important; } .card-promotional-art img { max-width: 800px; width: 100% !important; height: auto; } /* Specific Styling • Card WhatsNew */ /* ------------------------------------------------- */ .card-whats-new { text-align: left; } /* .card-whats-new > div:last-child { overflow-x: hidden; } */ .card-whats-new hr { color: transparent; background-color: rgba(0,0,0,.12); } /* Specific Styling • Card Draw Promotions */ /* ------------------------------------------------- */ .card-draw-promotions hr { margin: 0.75em 0; } /* Specific Styling • Card Campaign Bonus Loot Rotation */ /* ---------------------------------------------------------- */ .card-campaign-bonus-loot-rotation .accordion-swap-images span[typeof="mw:File"] { width: auto !important; flex-grow: 0; } .card-campaign-bonus-loot-rotation .accordion-swap-images span[typeof="mw:File"].active { flex-grow: .25; } /* Specific Styling • Card Notice */ /* ------------------------------------------------- */ .card-notice > div:last-child { display: flex; flex-direction: column; justify-content: center; min-height: 4em; padding-left: 3em; padding-right: 3em; } .card-notice hr { margin: 0.5em 0; } /* Specific Styling • Card Meta Links */ /* ------------------------------------------------- */ .card-meta-links > div:last-child { padding-top: 0; } /* Specific Styling • Card Popular Pages */ /* ------------------------------------------------- */ .card-popular-pages .row { text-align: left; font-size: 110%; line-height: 1.8; margin-top: .5em; } /* Specific Styling • Card Current Events */ /* ------------------------------------------------- */ .card-current-events .event-banner__image--has-ended img { transition: filter 150ms ease; } .card-current-events .event-banner__image--has-ended img:not(:hover) { filter: saturate(0) brightness(.8) contrast(.9); } .card-current-events .event-banner__image--has-ended { position: relative; } .card-current-events .event-banner__image--has-ended:after { content: ""; display: block !important; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); height: 100%; aspect-ratio: 640/150; background-image: url("https://gbf.wiki/images/8/88/Banner-concluded-ribbon.png"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; pointer-events: none; } /* Extras */ /* ------------------------------------------------- */ .WikiLinksButton > a { display: block; width: 140px; padding: 0.1em 1em !important; margin-bottom: 0; text-align: center; text-decoration: none; border: 1px solid rgba(0,20,40,.33); border-radius: 2px; box-shadow: 0px 1px 1px 0px rgba(0,20,40,0.12); background-position: center right 4px !important; } .WikiLinksButton > a:hover { background-color: rgba(0,20,40,.05); } .WikiLinksButton > a.external { padding: 0.1em 1.5em 0.1em 0.5em !important; } .card .hint { opacity: 0.1; transition: opacity 200ms ease; } .card:hover .hint { opacity: 1; } .card-helpful-articles .row, .card-meta-links .row, .card-official-links .row { gap: 0.66em; } .card-rising-rotation > div:last-child { overflow: hidden; } .gallery-swap-images .wrapper, .gallery-swap-images .wrapper > span { width: 100% !important; } /* Adjust [[Template:MainPageDraw/RateUps]] Sparkable Label */ .card-draw-promotions .label-template[data-label="sparkable"] { margin-top: 3px; } "use strict"; window.addEventListener("load", function() { function nextOrFirstSibling(el) { var next = el.nextElementSibling; if (next) { return next; } return el.parentElement.firstElementChild; } function initAccordion(el) { var isPaused = false; var images = el.querySelectorAll('span[typeof="mw:File"]'); // Initialise var img = el.querySelector("a img"); var width = img.getAttribute("width") || img.width; var height = img.getAttribute("height") || img.height; images.forEach(function(image) { image.style.width = `${width}px`; image.style.height = `${height}px`; }); images[images.length-1].classList.add("active"); // Hover var hoverAction = function(event) { isPaused = true; el.querySelector(".active").classList.remove("active"); this.classList.add("active"); } var blurAction = function(event) { isPaused = false; } images.forEach(function(image) { image.addEventListener("mouseover", hoverAction); image.addEventListener("mouseout", blurAction); }); } var el = document.querySelectorAll('.accordion-swap-images'); el.forEach(initAccordion); }); RLQ.push(['jquery', function() { ;(function (module, mw, $, undefined) { 'use strict'; var translations = $.extend(true, { // Language list - start // Arabic (العربية) ar: { and: 'و', second: 'ثانية', seconds: 'ثواني', minute: 'دقيقة', minutes: 'دقائق', hour: 'ساعة', hours: 'ساعات', day: 'يوم', days: 'أيام' }, // Belarusian (Беларуская) be: { and: 'і', second: 'секунда', seconds: 'секунд', minute: 'хвіліна', minutes: 'хвілін', hour: 'гадзіну', hours: 'гадзін', day: 'дзень', days: 'дзён' }, // Catalan (Català) ca: { and: 'i', second: 'segon', seconds: 'segons', minute: 'minut', minutes: 'minuts', hour: 'hora', hours: 'hores', day: 'dia', days: 'dies' }, // German (Deutsch) de: { and: 'und', second: 'Sekunde', seconds: 'Sekunden', minute: 'Minute', minutes: 'Minuten', hour: 'Stunde', hours: 'Stunden', day: 'Tag', days: 'Tage' }, // English (English) en: { and: 'and', second: 'second', seconds: 'seconds', minute: 'minute', minutes: 'minutes', hour: 'hour', hours: 'hours', day: 'day', days: 'days', month: 'month', months: 'months', year: 'year', years: 'years' }, // Greek (Ελληνικά) el: { and: 'και', second: 'δευτερόλεπτο', seconds: 'δευτερόλεπτα', minute: 'λεπτό', minutes: 'λεπτά', hour: 'ώρα', hours: 'ώρες', day: 'ημέρα', days: 'ημέρες' }, // Spanish (Español) es: { and: 'y', second: 'segundo', seconds: 'segundos', minute: 'minuto', minutes: 'minutos', hour: 'hora', hours: 'horas', day: 'día', days: 'días' }, // French (Français) fr: { and: 'et', second: 'seconde', seconds: 'secondes', minute: 'minute', minutes: 'minutes', hour: 'heure', hours: 'heures', day: 'jour', days: 'jours' }, //Hindi (हिंदी) hi: { and: 'और', second: 'सेकंड', seconds: 'सेकंड', minute: 'मिनट', minutes: 'मिनट', hour: 'घंटा', hours: 'घंटे', day: 'दिन', days: 'दिन' }, // Hungarian (Magyar) hu: { and: 'és', second: 'másodperc', seconds: 'másodperc', minute: 'perc', minutes: 'perc', hour: 'óra', hours: 'óra', day: 'nap', days: 'nap' }, // Indonesia (Bahasa Indonesia) id: { and: 'dan', second: 'detik', seconds: 'detik', minute: 'menit', minutes: 'menit', hour: 'jam', hours: 'jam', day: 'hari', days: 'hari' }, // Italian (Italiano) it: { and: 'e', second: 'secondo', seconds: 'secondi', minute: 'minuto', minutes: 'minuti', hour: 'ora', hours: 'ore', day: 'giorno', days: 'giorni' }, // Japanese (日本語) ja: { and: '', second: '秒', seconds: '秒', minute: '分', minutes: '分', hour: '時間', hours: '時間', day: '日', days: '日' }, // Korean (한국어) ko:{ and: ' ', second: '초', seconds: '초', minute: '분', minutes: '분', hour: '시간', hours: '시간', day: '일', days: '일' }, // Malay (Bahasa Melayu) ms: { and: 'dan', second: 'saat', seconds: 'saat', minute: 'minit', minutes: 'minit', hour: 'jam', hours: 'jam', day: 'hari', days: 'hari' }, // Dutch (Nederlands) nl: { and: 'en', second: 'seconde', seconds: 'seconden', minute: 'minuut', minutes: 'minuten', hour: 'uur', hours: 'uur', day: 'dag', days: 'dagen' }, // Polish (Polski) pl: { and: 'i', second: 'sekunda', seconds: 'sekund(y)', minute: 'minuta', minutes: 'minut(y)', hour: 'godzina', hours: 'godzin(y)', day: 'dzień', days: 'dni' }, // Portuguese (Português) pt: { and: 'e', second: 'segundo', seconds: 'segundos', minute: 'minuto', minutes: 'minutos', hour: 'hora', hours: 'horas', day: 'dia', days: 'dias' }, // Brazilian Portuguese (Português do Brasil) 'pt-br': { and: 'e', second: 'segundo', seconds: 'segundos', minute: 'minuto', minutes: 'minutos', hour: 'hora', hours: 'horas', day: 'dia', days: 'dias' }, // Romanian (Română) ro: { and: 'și', second: 'secundă', seconds: 'secunde', minute: 'minut', minutes: 'minute', hour: 'oră', hours: 'ore', day: 'zi', days: 'zile', }, // Russian (русский) ru: { and: 'и', second: 'секунда', seconds: 'секунд', minute: 'минута', minutes: 'минут', hour: 'час', hours: 'часов', day: 'день', days: 'дней' }, // Serbian (српски језик) sr: { and: 'i', second: 'sekundu', seconds: 'sekunde/-i', minute: 'minutu', minutes: 'minute/-a', hour: 'sat', hours: 'sata/-i', day: 'dan', days: 'dana' }, // Tagalog tl: { and: 'at', second: 'segundo', seconds: 'mga segundo', minute: 'minuto', minutes: 'mga minuto', hour: 'oras', hours: 'mga oras', day: 'araw', days: 'mga araw' }, // Turkish (Türkçe) tr: { and: 've', second: 'saniye', seconds: 'saniye', minute: 'dakika', minutes: 'dakika', hour: 'saat', hours: 'saat', day: 'gün', days: 'gün' }, // Ukrainian (Українська) uk: { and: 'та', second: 'секунда', seconds: 'секунд', minute: 'хвилина', minutes: 'хвилин', hour: 'годину', hours: 'годин', day: 'день', days: 'днів' }, // Vietnamese (Tiếng Việt) vi: { and: 'và', second: 'giây', seconds: 'giây', minute: 'phút', minutes: 'phút', hour: 'giờ', hours: 'giờ', day: 'ngày', days: 'ngày' }, // Chinese (简体中文) zh: { and: ' ', second: '秒', seconds: '秒', minute: '分', minutes: '分', hour: '时', hours: '时', day: '天', days: '天' }, // Chinese (台湾繁體中文) 'zh-tw':{ and: ' ', second: '秒', seconds: '秒', minute: '分', minutes: '分', hour: '時', hours: '時', day: '天', days: '天' }, // Chinese (香港繁體中文) 'zh-hk':{ and: ' ', second: '秒', seconds: '秒', minute: '分', minutes: '分', hour: '時', hours: '時', day: '天', days: '天' } // Language list - stop }, module.translations || {}), i18n = translations[ mw.config.get('wgContentLanguage') ] || translations.en; var countdowns = []; var NO_LEADING_ZEROS = 1, SHORT_FORMAT = 2, NO_ZEROS = 4; function output (i, diff) { /*jshint bitwise:false*/ var delta, result, parts = []; delta = diff % 60; result = ' ' + i18n[delta === 1 ? 'second' : 'seconds']; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(delta + result); diff = Math.floor(diff / 60); delta = diff % 60; result = ' ' + i18n[delta === 1 ? 'minute' : 'minutes']; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(delta + result); diff = Math.floor(diff / 60); delta = diff % 24; result = ' ' + i18n[delta === 1 ? 'hour' : 'hours' ]; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(delta + result); diff = Math.floor(diff / 24); delta = diff % 30,5; result = ' ' + i18n[diff === 1 ? 'day' : 'days' ]; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(delta + result); diff = Math.floor(diff / 30,5); delta = diff % 12; result = ' ' + i18n[diff === 1 ? 'month' : 'months' ]; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(delta + result); diff = Math.floor(diff / 12); result = ' ' + i18n[diff === 1 ? 'year' : 'years' ]; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(diff + result); result = parts.pop(); if (countdowns[i].opts & NO_LEADING_ZEROS) { while (parts.length && parts[0][0] === '0') { parts.shift(); } } if (countdowns[i].opts & NO_ZEROS) { parts = parts.filter(function(part) { return part[0] !== '0'; }); } if (parts.length) { if (countdowns[i].opts & SHORT_FORMAT) { result = parts.join(' ') + ' ' + result; } else { result = parts.join(', ') + ' ' + i18n.and + ' ' + result; } } countdowns[i].node.text(result); } function end(i) { var c = countdowns[i].node.parent(); switch (c.attr('data-end')) { case 'remove': c.remove(); return true; case 'stop': output(i, 0); return true; case 'toggle': var toggle = c.attr('data-toggle'); if (toggle && toggle == 'next') { c.next().css('display', 'inline'); c.css('display', 'none'); return true; } if (toggle && $(toggle).length) { $(toggle).css('display', 'inline'); c.css('display', 'none'); return true; } break; case 'callback': var callback = c.attr('data-callback'); if (callback && $.isFunction(module[callback])) { output(i, 0); module[callback].call(c); return true; } break; } countdowns[i].countup = true; output(i, 0); return false; } function update () { var now = Date.now(); var countdownsToRemove = []; $.each(countdowns.slice(0), function (i, countdown) { var diff = Math.floor((countdown.date - now) / 1000); if (diff <= 0 && !countdown.countup) { if (end(i)) countdownsToRemove.push(i); } else { output(i, Math.abs(diff)); } }); var x; while((x = countdownsToRemove.pop()) !== undefined) { countdowns.splice(x, 1); } if (countdowns.length) { window.setTimeout(function () { update(); }, 1000); } } function getOptions (node) { /*jshint bitwise:false*/ var text = node.parent().attr('data-options'), opts = 0; if (text) { if (/no-leading-zeros/.test(text)) { opts |= NO_LEADING_ZEROS; } if (/short-format/.test(text)) { opts |= SHORT_FORMAT; } if (/no-zeros/.test(text)) { opts |= NO_ZEROS; } } return opts; } function init() { var countdown = $('.countdown:not(.handled)'); if (!countdown.length) return; $('.nocountdown').css('display', 'none'); countdown .css('display', 'inline') .find('.countdowndate') .each(function () { var $this = $(this), date = (new Date($this.text())).valueOf(); if (isNaN(date)) { $this.text('BAD DATE'); return; } countdowns.push({ node: $this, opts: getOptions($this), date: date, }); }); countdown.addClass('handled'); if (countdowns.length) { update(); } } mw.hook('wikipage.content').add(init); })(window.countdownTimer = window.countdownTimer || {}, mediaWiki, jQuery); }]); .main-content .card .card-header { cursor: pointer; padding-left: 50px; } .main-content .card .card-header:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 16px; transform: translateY(-50%) rotate(90deg); opacity: 0.7; background: #0000 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d=%22M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z%22/%3E%3C/svg%3E"); } (() => { const load = () => new Set(JSON.parse(localStorage?.frontpageCards || "[]")); const save = (set) => localStorage.frontpageCards = JSON.stringify(Array.from(set)); const add = (slug) => { save(load().add(slug)) } const remove = (slug) => { const set = load(); set.delete(slug); save(set) } const collapseCard = (slug) => { const id = `collapse-${slug}`; const stylesheet = ` .main-content .${slug} { padding-bottom: 0; flex-grow: 0 !important; } .main-content .${slug} .card-header { margin: 0; border: 0; } .main-content .${slug} .card-header:after { background: radial-gradient(ellipse 100% 30px at center top, rgba(0,30,60,.2), transparent 30%) } .main-content .${slug} .card-header:before { transform: translateY(-50%) !important; } .main-content .${slug} .card-header + div { display: none; } `; const styleEl = `<style id="${id}" type="text/css">${stylesheet}</style>` document.body.insertAdjacentHTML("beforeend", styleEl); add(slug); } const expandCard = (slug) => { const id = `collapse-${slug}`; const style = document.querySelector(`style#${id}`); style.remove(); remove(slug); } // Collapse or expand when card header clicked const cards = Array.from(document.querySelectorAll(".main-content .card .card-header")); cards.forEach(card => { const pattern = /card-[\w-]+/; const slug = card.parentElement.classList.toString().match(pattern)[0]; card.addEventListener("click", () => { if (load().has(slug)) { expandCard(slug); } else { collapseCard(slug); } }); }); // Collapse saved list on page load const cardList = load(); cardList.forEach(collapseCard); })(); .card:not(:hover) .card-edit-button { opacity: 0; pointer-events: none; } .card { position: relative; } .card .card-edit-button { padding: 0; position: absolute; top: 6px; right: 8px; z-index: 999; } .card .card-edit-button a { text-decoration: none !important; font-size: 1.5em; } .card .card-edit-button a div { width: 30px; height: 30px; background: url("https://gbf.wiki/images/3/33/Edit_bubble.png"); background-size: contain; } (() => { RLQ.push(['jquery', function() { mw.loader.using(['mediawiki.user']).then(function() { if (mw.user.isAnon()) return; const cards = Array.from(document.querySelectorAll(".card")); const addEditLink = (el) => { const pattern = /card-[\w-]+/; const cardNameSlug = el.classList.toString().match(pattern)[0].replace("card-", ""); const subTemplateName = cardNameSlug.split("-") .map(z => z.replace(/\w/, letter => letter.toUpperCase())) .join("") const pageName = `Template:MainPage/${subTemplateName}`; const editPageOverride = el.dataset.editPage; const editPageName = editPageOverride || pageName; const editButton = `<div class="card-edit-button"><a href="/${editPageName}/edit"><div></div></a></div>`; el.insertAdjacentHTML("afterbegin", editButton); } cards.forEach(addEditLink); }); }]); })();"

Key Topics & Focus Areas for gbf.wiki:

Navigation menu