Skip to content

Commit

Permalink
added prettier to format files, deleted <br> tags and improved a new …
Browse files Browse the repository at this point in the history 
…cards component for cards
  • Loading branch information
@falsepopsky @Solumin
falsepopsky authored and Solumin committed Dec 11, 2020
1 parent f2a3440 commit 476e7af
Show file tree
Hide file tree
Showing 9 changed files with 523 additions and 542 deletions.
18 changes: 18 additions & 0 deletions .prettierrc
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"arrowParens": "always",
"bracketSpacing": true,
"embeddedLanguageFormatting": "auto",
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxBracketSameLine": false,
"jsxSingleQuote": false,
"printWidth": 100,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": false,
"semi": true,
"singleQuote": false,
"tabWidth": 4,
"trailingComma": "es5",
"useTabs": false
}
213 changes: 107 additions & 106 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -1,122 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About this Project</title>
<link rel="shortcut icon" href="public/images/yugioh.ico">
<link rel='stylesheet' href='public/styles/normalize.css' />
<link rel="stylesheet" href="public/styles/bootstrap.min.css" />
<link rel="icon" type="image/x-icon" href="public/images/yugioh.ico" />
<link rel="stylesheet" type="text/css" href="public/styles/normalize.css" />
<link rel="stylesheet" type="text/css" href="public/styles/bootstrap.min.css" />
<link rel="stylesheet" href="public/styles/about.css" />
</head>
<body class="d-flex flex-column min-vh-100 bg-light">
<header class="navbar navbar-expand-lg navbar-light bg-light flex-column flex-md-row">
<body class="d-flex flex-column min-vh-100 bg-light">
<header class="navbar navbar-expand-lg navbar-light bg-light flex-column flex-md-row">
<a class="navbar-brand text-truncate" href="index.html">
<img class="img-fluid" id="logo" src="./public/images/logo.png" />
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon d-md-none p-0 mx-2 collapsed"></span>
</button>

<a class="navbar-brand text-truncate" href="index.html"
> <img class="img-fluid" id="logo" src="./public/images/logo.png" />
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon d-md-none p-0 mx-2 collapsed"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link text-dark" href="index.html">Fusion Search</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="fusion-calculator.html">Fusion Calculator</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="about.html">About</a>
</li>
<li class="nav-item">
<a
class="btn btn-bd btn-thread"
href="http://forums.somethingawful.com/showthread.php?threadid=3783156"
rel="noopener noreferrer"
>Thread</a
>
</li>
</ul>
</div>
</header>

<main class="container">
<section class="row">
<div class="col-sm my-4">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link text-dark" href="index.html">Fusion Search</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="fusion-calculator.html"
>Fusion Calculator</a
>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="about.html">About</a>
</li>
<li class="nav-item">
<a
class="btn btn-bd btn-thread"
href="http://forums.somethingawful.com/showthread.php?threadid=3783156"
rel="noopener noreferrer"
>Thread</a
>
</li>
</ul>
</div>
</header>

<h2 class="text-center my-4">ABOUT</h2>
<main class="container">
<section class="row">
<div class="col-sm my-4">
<h2 class="text-center my-4">ABOUT</h2>

<p>
Yu-Gi-Oh! Forbidden Memories is a terrible game with a terrible mechanic called
"fusions." Fusions allow the player to fuse two cards together to get a new,
hopefully more powerful card.
</p>
<p>
Yu-Gi-Oh! Forbidden Memories is a terrible game with a terrible mechanic
called "fusions." Fusions allow the player to fuse two cards together to get
a new, hopefully more powerful card.
</p>

<p>
But, since it's a terrible game, YGO:FM does nothing to actually
<em>tell</em> you about the fusions. Your options are to either try every card
against every other card (and by the way there's over 770 cards in the game) or
to look it up online. Oh, and the game doesn't try to record the fusions at all.
And since one card might fuse with a few hundred other cards, trying to find out
which ones are worth it is tedious.
</p>
<p>
But, since it's a terrible game, YGO:FM does nothing to actually
<em>tell</em> you about the fusions. Your options are to either try every
card against every other card (and by the way there's over 770 cards in the
game) or to look it up online. Oh, and the game doesn't try to record the
fusions at all. And since one card might fuse with a few hundred other
cards, trying to find out which ones are worth it is tedious.
</p>

<p>
The real motivation for this project is Giver336's LP of the game on Something
Awful. His co-commentator, General Yeti, mused about the possibility of a
program to find the fusions for you. Here it is!
</p>
<p>
The real motivation for this project is Giver336's LP of the game on
Something Awful. His co-commentator, General Yeti, mused about the
possibility of a program to find the fusions for you. Here it is!
</p>

<h2 class="text-center my-4">SPECIAL THANKS</h2>
<h2 class="text-center my-4">SPECIAL THANKS</h2>

<p>
<strong>Steve Kalynuik, Dylan Birtolo and Miguel Balauag</strong>, authors of the
<a
href="https://www.gamefaqs.com/ps/561010-yu-gi-oh-forbidden-memories/faqs/16613"
rel="noopener noreferrer"
>Fusion FAQ</a
>, and the <strong>Yu-Gi-Oh! Wikia</strong>, which provided the data that I used to create the
first version of this calculator.
</p>
<p>
<a href="/~https://github.com/CathodeRaymond" rel="noopener noreferrer"
>CathodeRaymond</a
>
for work with CSS and making the project actually look good.
</p>
<p>
<strong>duke1102</strong> for providing the complete card and fusion data, without which this
project would be very inaccurate.
</p>
<p>
<strong>Steve Kalynuik, Dylan Birtolo and Miguel Balauag</strong>, authors
of the
<a
href="https://www.gamefaqs.com/ps/561010-yu-gi-oh-forbidden-memories/faqs/16613"
rel="noopener noreferrer"
>Fusion FAQ</a
>, and the <strong>Yu-Gi-Oh! Wikia</strong>, which provided the data that I
used to create the first version of this calculator.
</p>
<p>
<a href="/~https://github.com/CathodeRaymond" rel="noopener noreferrer"
>CathodeRaymond</a
>
for work with CSS and making the project actually look good.
</p>
<p>
<strong>duke1102</strong> for providing the complete card and fusion data,
without which this project would be very inaccurate.
</p>
</div>
</section>
</main>
<footer class="container-fluid mt-auto footer-bottom">
<div class="row">
<div class="col text-center my-3">
<p class="my-3 text-white">
Yu-Gi-Oh! Forbiden Memories Fusion Calculator © 2020 MIT License
</p>
</div>
</div>
</section>
</main>
<footer class="container-fluid mt-auto footer-bottom" >
<div class="row">
<div class="col text-center my-3">
<p class="my-3 text-white">Yu-Gi-Oh! Forbiden Memories Fusion Calculator © 2020 MIT License</p>
</div>

</div>
</footer>
</footer>

<script src="public/javascripts/jquery-3.5.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script src="public/javascripts/bootstrap.min.js"></script>
</body>
<script src="public/javascripts/jquery-3.5.1.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script src="public/javascripts/bootstrap.min.js"></script>
</body>
</html>

Loading

0 comments on commit 476e7af

Please sign in to comment.