PageSourceSearch

https://farmagiagame.com/index.html

html farmagiagame.com collected 2026-10-08 10:54:27 UTC 20,845 bytes, 564 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en-US">
3  <head>
4    <!-- Google tag (gtag.js) -->
5    <link href="css/index.d08d57a6.css" rel="stylesheet">
vendor: 76 bytes, lines 5-8
5
6<script
7      async
8      src="https://www.googletagmanager.com/gtag/js?id=
8G-VK5EN0C937
vendor: 21 bytes, lines 8-10
8"
9    ></script>
10    
10<script>
11      
vendor: 163 bytes, lines 11-17
11window.dataLayer = window.dataLayer || [];
12      function gtag() {
13        dataLayer.push(arguments);
14      }
15      gtag('js', new Date());
16
17      gtag('config', '
17G-VK5EN0C937
vendor: 8 bytes, lines 17-18
17');
18    
18</script>
18
19    <meta charset="UTF-8" />
20    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
21    <meta name="viewport" content="width=device-width, initial-scale=1" />
22    <meta name="Keywords" content="XSEED, Marvelous, Farmagia" />
23    <meta name="robots" content="index, follow" />
24    <meta
25      name="Description"
26      content="Farmagia - Available Now! - Take a stand to free the people of Felicidad."
27    />
28    <meta name="author" content="XSEED" />
29    <meta name="copyright" content="XSEED" />
30    <!-- change the title for each individual page ex: character name | Farmagia | XSEED Games -->
31    <meta property="og:title" content="Farmagia | XSEED Games" />
32    <meta property="og:site_name" content="Farmagia | XSEED Games" />
33    <meta property="og:url" content="//farmagiagame.com/" />
34    <meta property="og:locale" content="en_US" />
35    <meta property="og:image" content="//farmagiagame.com/img/og_img.jpg" />
36    <meta
37      property="og:description"
38      content="Farmagia - Available Now! - Take a stand to free the people of Felicidad. | Nintendo Switch, PS5, Steam"
39    />
40    <meta property="og:type" content="website" />
41    <meta name="twitter:card" content="summary_large_image" />
42    <!-- change the title for each individual page ex: character name | Farmagia | XSEED Games -->
43    <meta name="twitter:title" content="Farmagia | XSEED Games" />
44    <meta
45      name="twitter:description"
46      content="Farmagia - Available Now! - Take a stand to free the people of Felicidad. | Nintendo Switch, PS5, Steam"
47    />
48    <meta name="image" content="//farmagiagame.com/img/og_img.jpg" />
49    <meta name="twitter:url" content="//farmagiagame.com" />
50    <title>Farmagia</title>
51    <link rel="canonical" href="//farmagiagame.com" />
52    <link rel="shortcut icon" href="img/common/fav_icon.png" />
53    <link rel="icon" href="img/common/fav_icon.png" />
54
55    <!-- CSS -->
56    <!-- <link rel="stylesheet" href="https://use.typekit.net/zph6yyq.css" /> -->
57    <link href="css/main.b82bd0c8.css" rel="stylesheet" />
58
59    <!-- JS -->
60    
60<script>
61      (function (d) {
62        var config = {
63            kitId: 'zph6yyq',
64            scriptTimeout: 3000,
65            async: true,
66          },
67          h = d.documentElement,
68          t = setTimeout(function () {
69            h.className =
70              h.className.replace(/\bwf-loading\b/g, '') + ' wf-inactive';
71          }, config.scriptTimeout),
72          tk = d.createElement('script'),
73          f = false,
74          s = d.getElementsByTagName('script')[0],
75          a;
76        h.className += ' wf-loading';
77        tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
78        tk.async = true;
79        tk.onload = tk.onreadystatechange = function () {
80          a = this.readyState;
81          if (f || (a && a != 'complete' && a != 'loaded')) return;
82          f = true;
83          clearTimeout(t);
84          try {
85            Typekit.load(config);
86          } catch (e) {}
87        };
88        s.parentNode.insertBefore(tk, s);
89      })(document);
90    </script>
90
91    
91<script src="js/modernizr.5f8cc8f9.js" defer="defer"></script>
91
92    
92<script src="js/siema.min.9e9d4347.js" defer="defer"></script>
92
93    
93<script src="js/index.6be41777.js" defer="defer"></script>
93
94  </head>
95  <body class="home">
96    <header class="navigation">
97      <div class="navigation__platformgroup">
98        <a
99          href="https://www.nintendo.com/us/store/products/farmagia-switch/"
100          target="_blank"
101        >
102          <img
103            class=""
104            src="img/nav/ns_logo.svg"
105            alt="Nintendo Switch Logo"
106          />
107        </a>
108        <a
109          href="https://store.playstation.com/en-us/concept/10009622"
110          target="_blank"
111        >
112          <img class="" src="img/nav/ps5_logo.jpg" alt="PlayStation 5 Logo" />
113        </a>
114        <a
115          href="https://store.steampowered.com/app/2508770/Farmagia/"
116          target="_blank"
117        >
118          <img class="" src="img/nav/steam_logo.svg" alt="Steam Logo" />
119        </a>
120      </div>
121      <!-- hamburger button setup -->
122      <input
123        type="checkbox"
124        class="navigation__checkbox"
125        id="navi-toggle--main"
126      />
127      <label for="navi-toggle--main" class="navigation__button">
128        <span class="navigation__icon">&nbsp;</span>
129      </label>
130      <div class="navigation__background">&nbsp;</div>
131      <img
132        class="navigation__logo"
133        src="img/nav/farmagia_logo_nav.png"
134        alt="Farmagia Logo"
135      />
136      <nav class="navigation__nav">
137        <ul class="navigation__list">
138          <li class="navigation__item navigation__active">
139            <a href="./index.html" class="navigation__link"
140              ><div class="navigation__text">Home</div></a
141            >
142          </li>
143          <li class="navigation__item">
144            <a href="./story.html" class="navigation__link"
145              ><div class="navigation__text">Story</div></a
146            >
147          </li>
148          <li class="navigation__item">
149            <a href="./characters.html" class="navigation__link"
150              ><div class="navigation__text">Characters</div></a
151            >
152          </li>
153          <li class="navigation__item">
154            <a href="./gameplay.html" class="navigation__link"
155              ><div class="navigation__text">Gameplay</div></a
156            >
157          </li>
158          <li class="navigation__item">
159            <a href="./products.html" class="navigation__link"
160              ><div class="navigation__text">Products</div></a
161            >
162          </li>
163        </ul>
164      </nav>
165    </header>
166    <main>
167      <header class="hero">
168        <picture class="hero__bg">
169          <source
170            type="image/webp"
171            media="(max-width:640px)"
172            srcset="img/hero/herobg_640.webp"
173          />
174          <source
175            type="image/webp"
176            media="(min-width:641px) and (max-width:899px)"
177            srcset="img/hero/herobg_900.webp"
178          />
179          <source
180            type="image/webp"
181            media="(min-width:900px) and (max-width:1279px)"
182            srcset="img/hero/herobg_1280.webp"
183          />
184          <source
185            type="image/webp"
186            media="(min-width:1280px)"
187            srcset="img/hero/herobg_1920.webp"
188          />
189          <source
190            type="image/jpg"
191            media="(min-width:641px) and (max-width:899px)"
192            srcset="img/hero/herobg_900.jpg"
193          />
194          <source
195            type="image/jpg"
196            media="(min-width:900px) and (max-width:1279px)"
197            srcset="img/hero/herobg_1280.jpg"
198          />
199          <source
200            type="image/jpg"
201            media="(min-width:1280px)"
202            srcset="img/hero/herobg_1920.jpg"
203          />
204          <img src="img/hero/herobg_640.jpg" alt="background image" class="" />
205        </picture>
206        <img
207          class="hero__diamond"
208          src="img/hero/hero_diamond.png"
209          alt="Anime Coming Soon!"
210        />
211        <img
212          class="hero__diamond__free"
213          src="img/hero/free_dlc_diamond.png"
214          alt="Get Your FREE Buddy Skin DLC!"
215        />
216        <div class="hero__container">
217          <div class="hero__group">
218            <h2 class="hero__callout callout__text">
219              Take a stand to free the people of Felicidad
220            </h2>
221            <div class="hero__group__contents">
222              <img
223                class="hero__logo"
224                src="img/hero/logo_lg.png"
225                alt="Farmagia Logo"
226              />
227              <div class="hero__btn__group">
228                <div
229                  class="btn__shaped btn__clicked"
230                  data-href="./products.html"
231                >
232                  <div class="btn__shaped__BG btn__shaped__BG--purchase">
233                    <div
234                      class="btn__shaped__BG__text btn__shaped__BG__text--upper"
235                    >
236                      Available Now!
237                    </div>
238                  </div>
239                </div>
240              </div>
241              <!-- <h1 class="hero__callout">Coming Fall 2023</h1> -->
242            </div>
243          </div>
244        </div>
245      </header>
246      <!-- VIDEO -->
247      <aside class="hero__videos">
248        <div class="hero__videos__wrapper">
249          <div class="heading__primary">Watch Trailer</div>
250          <section class="imagegroup__item">
251            <a
252              class="setAutoplay"
253              href="https://www.youtube.com/watch?v=toE2OAjheTU?autoplay=0"
254              data-fancybox
255            >
256              <img
257                class="imagegroup__playbutton"
258                src="img/home/playbutton.png"
259                alt="Push to Play"
260              />
261              <picture>
262                <source
263                  type="image/webp"
264                  srcset="img/home/trailer_3_768.webp 768w"
265                />
266                <source
267                  type="image/jpg"
268                  srcset="img/home/trailer_3_768.jpg 768w"
269                />
270                <img
271                  src="img/home/trailer_3_768.jpg"
272                  alt="Screen Shot"
273                  data-mediacarousel="fangsTrailer"
274                  class="imagegroup__itemDesign imagegroup__itemDesign--large gtm__mediaCarousel"
275                />
276              </picture>
277            </a>
278          </section>
279        </div>
280      </aside>
281      <!-- story -->
282      <aside class="hero__story">
283        <picture class="hero__story__bg">
284          <source
285            type="image/webp"
286            media="(max-width:639px)"
287            srcset="img/home/story_bg_sm.webp"
288          />
289          <source
290            type="image/webp"
291            media="(min-width:640px)"
292            srcset="img/home/story_bg.webp"
293          />
294          <source
295            type="image/png"
296            media="(min-width:640px)"
297            srcset="img/home/story_bg.png"
298          />
299          <img src="img/home/story_bg_sm.png" alt="background image" class="" />
300        </picture>
301        <div class="hero__story__wrapper">
302          <div class="heading__primary">Story</div>
303          <div class="box">
304            <div class="box__shaped">
305              <div class="box__shaped__inner">
306                <div class="box__shaped__text">
307                  Monsters and people known as denizens thrive in the Underworld
308                  nation of Felicidad… until the death of Felicidad’s ruler, the
309                  Magus.<br /><br />
310                  The new overlord Glaza imposes an oppressive regime on the
311                  underworld’s inhabitants, but a young Farmagia named Ten rises
312                  to defend freedom. <br /><br />
313                  <h4>A tale of rebellion and friendship starts now.</h4>
314                </div>
315                <div class="btn__shaped btn__clicked" data-href="./story.html">
316                  <div
317                    class="btn__shaped__BG btn__shaped__BG--purchase btn__shaped__BG--small"
318                  >
319                    <div
320                      class="btn__shaped__BG__text btn__shaped__BG__text--upper btn__shaped__BG__text--small"
321                    >
322                      See More!
323                    </div>
324                  </div>
325                </div>
326              </div>
327            </div>
328          </div>
329        </div>
330      </aside>
331      <!-- highlights -->
332      <aside class="hero__highlights">
333        <div class="hero__highlights__wrapper">
334          <div class="hero__highlights__group">
335            <!-- Hiro Mashima -->
336            <div class="paper__box">
337              <div class="paper__box__wrapper">
338                <div class="paper__box__title">Character Design</div>
339                <div class="heading__primary heading__primary--sm">
340                  Hiro Mashima
341                </div>
342                <div class="paper__box__content">
343                  <img src="img/home/mashima.jpg" alt="Hiro Mashima Art" />
344                  <div class="paper__box__text">
345                    After serializing <span>RAVE MASTER</span> and
346                    <span>FAIRY TAIL</span> in Weekly Shōnen Magazine, he also
347                    serialized <span>EDENS ZERO</span> in the same magazine,
348                    <span>DEAD ROCK</span> in Monthly Shōnen Magazine, and wrote
349                    the original story for
350                    <span>FAIRY TAIL 100 YEARS QUEST</span> in Magazine Pocket.
351                  </div>
352                </div>
353              </div>
354            </div>
355            <!-- Asian Kung-Fu Generation -->
356            <div class="paper__box">
357              <div class="paper__box__wrapper">
358                <div class="paper__box__title">
359                  <span>Farmagia</span> Franchise Theme Song
360                </div>
361                <div class="paper__box__text">"Life is Beautiful"</div>
362                <div class="heading__primary heading__primary--sm">
363                  Asian Kung-Fu Generation
364                </div>
365                <div class="paper__box__content">
366                  <img src="img/home/band.jpg" alt="Hiro Mashima Art" />
367                  <div class="paper__box__text">
368                    A four-piece rock band consisting of Masafumi Gotoh (Vo &
369                    G), Kensuke Kita (G & Vo), Takahiro Yamada (B & Vo), and
370                    Kiyoshi Ijichi (Drums) formed in 1996. <br />In 2003, the
371                    band made its major label debut. A driving force with
372                    overwhelming momentum, they have continued to lead the music
373                    scene with their "Japanese sounding rock” and have gained
374                    tremendous support across generations. The band celebrated
375                    its 25th anniversary in 2021 and the 20th anniversary of its
376                    major debut in April 2023.
377                  </div>
378                </div>
379              </div>
380            </div>
381          </div>
382        </div>
383      </aside>
384      <!-- Characters -->
385      <aside class="hero__characters">
386        <div class="hero__characters__wrapper">
387          <div class="heading__primary">Characters</div>
388          <picture>
389            <source
390              type="image/webp"
391              srcset="img/home/character_group.webp 768w"
392            />
393            <source
394              type="image/png"
395              srcset="img/home/character_group.png 768w"
396            />
397            <img
398              src="img/home/character_group.png"
399              alt="Characters Grouped Together"
400            />
401          </picture>
402          <h2 class="make__white">
403            Meet the colorful cast of characters designed by Hiro Mashima.
404          </h2>
405          <div class="btn__shaped btn__clicked" data-href="./characters.html">
406            <div
407              class="btn__shaped__BG btn__shaped__BG--purchase btn__shaped__BG--large"
408            >
409              <div class="btn__shaped__BG__text btn__shaped__BG__text--upper">
410                See More!
411              </div>
412            </div>
413          </div>
414        </div>
415      </aside>
416      <!-- GAMEPLAY -->
417      <aside class="hero__gameplay">
418        <div class="hero__gameplay__wrapper">
419          <div class="heading__primary">Gameplay</div>
420          <a
421            data-fancybox
422            data-src="./img/home/battle_leii_1920.jpg"
423            data-srcset="
424                  img/home/battle_leii_1920.jpg 1920w,
425                  img/home/battle_leii_1280.jpg 1280w,
426                  img/home/battle_leii_640.jpg 640w
427                "
428          >
429            <picture>
430              <source
431                type="image/webp"
432                srcset="img/home/battle_leii_640.webp 640w"
433              />
434              <source
435                type="image/jpg"
436                srcset="img/home/battle_leii_640.jpg 640w"
437              />
438              <img
439                src="img/home/battle_leii_640.jpg"
440                alt="gameplay image"
441                class="imagegroup__itemDesign imagegroup__itemDesign--large"
442              />
443            </picture>
444          </a>
445          <h2 class="make__white">
446            Harvest and raise your monster army, then lead them into battle!
447          </h2>
448          <br />
449          <div class="btn__shaped btn__clicked" data-href="./gameplay.html">
450            <div
451              class="btn__shaped__BG btn__shaped__BG--purchase btn__shaped__BG--large"
452            >
453              <div class="btn__shaped__BG__text btn__shaped__BG__text--upper">
454                See More!
455              </div>
456            </div>
457          </div>
458        </div>
459      </aside>
460    </main>
461    <aside class="modal cookie__modal">
462      <div class="box">
463        <div class="box__shaped">
464          <div class="box__shaped__inner">
465            <div class="box__shaped__text">
466              This website uses cookies to ensure the best user experience, and
467              continuing to use the website implies consent. If you do not want
468              to receive cookies then please do not use the website. For more
469              information, please visit our
470              <a
471                href="https://www.xseedgames.com/privacy-policy/"
472                target="_blank"
473                >Privacy Policy</a
474              >.
475            </div>
476            <br />
477            <div class="btn__shaped btn__clicked__modal">
478              <div
479                class="btn__shaped__BG btn__shaped__BG--purchase btn__shaped__BG--small"
480              >
481                <div
482                  class="btn__shaped__BG__text btn__shaped__BG__text--upper btn__shaped__BG__text--small"
483                >
484                  OK
485                </div>
486              </div>
487            </div>
488          </div>
489        </div>
490      </div>
491    </aside>
492    <aside class="loader">
493      <img
494        class="loader__img"
495        src="img/loader/magic circle.svg"
496        alt="magic circle"
497      />
498      <div class="loader__text__group">
499        <h1>Loading</h1>
500        <div class="loader__dots loader__dots--1"></div>
501        <div class="loader__dots loader__dots--2"></div>
502        <div class="loader__dots loader__dots--3"></div>
503      </div>
504    </aside>
505    <!-- FOOTER -->
506    <footer class="footer">
507      <div class="footer__logosGroup footer__ratings rating_icons">
508        <img
509          class="footer__logoImg footer__logoImg--segaLogo"
510          src="img/footer/MARVELOUS2023_RGB.svg"
511          alt="Marvelous! Logo"
512        />
513      </div>
514      <div class="footer__logosGroup">
515        <img
516          class="footer__logoImg footer__logoImg--firstpartyLogo"
517          src="img/footer/nintendoswitch_logo.svg"
518          alt="Nintendo Switch"
519        />
520        <img
521          class="footer__logoImg footer__logoImg--firstpartyLogo"
522          src="img/footer/PS5_Logo_white.png"
523          alt="PlayStation 5 and Playstation 4 Logo"
524        />
525        <img
526          class="footer__logoImg footer__logoImg--steamLogo"
527          src="img/footer/steam_logo.svg"
528          alt="steam"
529        />
530      </div>
531      <div class="footer__logosGroup">
532        <img
533          class="footer__logoImg footer__logoImg--whiteborder"
534          src="img/footer/esrb_farmagia.svg"
535          alt="ESRB - Teen rating"
536        />
537      </div>
538      <a href="https://game-license.marv.jp/farmagia/" target="_blank">
539        <div class="footer__license__text">License</div></a
540      >
541      <p class="footer__copy">
542        ©2024 Marvelous Inc. <br /><br />
543        Nintendo Switch is a trademark of Nintendo.<br /><br />
544        ©2024 Sony Interactive Entertainment LLC. “PlayStation Family Mark,”
545        “PlayStation,” “PS5 logo” and “PS5” are registered trademarks or
546        trademarks of Sony Interactive Entertainment Inc.<br /><br />
547        ©2024 Valve Corporation. Steam and Steam logo are trademarks and/or
548        registered trademarks of Valve Corporation in the U.S. and/or other
549        countries.<br /><br />
550        The ESRB rating icons are registered trademarks of the Entertainment
551        Software Association.
552      </p>
553    </footer>
554  </body>
555  
555<script>
556    const loader = document.querySelector('.loader');
557    window.onload = function () {
558      loader.classList.add('loader__fade');
559      setTimeout(() => {
560        loader.classList.add('loader__hide');
561      }, 1500);
562    };
563  </script>
563
564</html>

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.