Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
init
  • Loading branch information
@rkv14001
rkv14001 committed May 5, 2017
0 parents commit 9dbb52f
Show file tree
Hide file tree
Showing 35 changed files with 2,694 additions and 0 deletions.
60 changes: 60 additions & 0 deletions 404.html
@@ -0,0 +1,60 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Not Found</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

* {
line-height: 1.2;
margin: 0;
}

html {
color: #888;
display: table;
font-family: sans-serif;
height: 100%;
text-align: center;
width: 100%;
}

body {
display: table-cell;
vertical-align: middle;
margin: 2em auto;
}

h1 {
color: #555;
font-size: 2em;
font-weight: 400;
}

p {
margin: 0 auto;
width: 280px;
}

@media only screen and (max-width: 280px) {

body, p {
width: 95%;
}

h1 {
font-size: 1.5em;
margin: 0 0 0.3em;
}

}

</style>
</head>
<body>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
</body>
</html>
<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->
19 changes: 19 additions & 0 deletions LICENSE.txt
@@ -0,0 +1,19 @@
Copyright (c) HTML5 Boilerplate

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Binary file added apple-touch-icon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
132 changes: 132 additions & 0 deletions article.php
@@ -0,0 +1,132 @@
<?php

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

include "functions.php";
?>

<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="../js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<?php

$db = getConnected($hostname, $username, $password, $database);
$id = $_GET["card"];

$data = getCardByID($id,$db);
?>

<header class="header">
<nav class="nav">
<!-- <ul class="nav-list">
<li class="nav-list-item home-link"><a href="/index.php">Home</a></li>
<li class="nav-list-item"><a href="">Link</a></li>
<li class="nav-list-item"><a href="">Link</a></li>
<li class="nav-list-item"><a href="">Link</a></li>
</ul> -->
</nav>

<?php
echo '<div class="hero" style="background: url('."'$data->imgLink'".')"></div>'
?>


<h2 class="ribbon"><?php echo $data->name ?></h2>

</header>
<div class="main container">

<div class="quick-info">
<ul class="quick-info-list">
<li class="mana quick-info-list-item">Mana: <?php echo $data->mana; ?></li>
<li class="attack quick-info-list-item">Attack: <?php echo $data->attack; ?></li>
<li class="health quick-info-list-item">Health: <?php echo $data->health; ?></li>
<li class="dust quick-info-list-item">Dust: <?php echo $data->dust; ?></li>
<li class="return-dust quick-info-list-item">Returned Dust: <?php echo $data->returnDust; ?></li>
<li class="golden-dust quick-info-list-item">Golden Dust: <?php echo $data->goldenDust; ?></li>
<li class="return-golden-dust quick-info-list-item">Return Golden Dust: <?php echo $data->returnGoldenDust; ?></li>

</ul>
</div>
<div class="basic-info">
<ul class="basic-info-list">
<li class="basic-info-list-item type">Type: <? echo $data->type?>
<li class="basic-info-list-item subtype">Subtype: <? echo $data->subtype?>
<li class="basic-info-list-item class">Class: <? echo $data->class?>
<li class="basic-info-list-item description">Description: <? echo $data->description?>
</ul>
</div>
<div class="about">
<div class="info">
<p><?php echo $data->info ?></p>
</div>

<div class="lore">
<p><?php echo $data->lore ?></p>
</div>
</div>

<div class= "strategy">
<p><?php echo $data->strategy ?></p>
</div>
<footer class="footer">
<?php
$relatedCards =
[
1 => getCardByID($data->relatedLink1, $db),
2 => getCardByID($data->relatedLink2, $db),
3 => getCardByID($data->relatedLink3, $db),
4 => getCardByID($data->relatedLink4, $db)
];
for ($i=1; $i <= 4; $i++) {
echo "<a href='article.php?card=".$relatedCards[$i]->id."'>
<div class='related'>
<img src='".$relatedCards[$i]->imgLink."'>
<label>".$relatedCards[$i]->name."</label>
</div>
</a>
";
}

?>
</footer>
</div>



<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>
12 changes: 12 additions & 0 deletions browserconfig.xml
@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Please read: https://msdn.microsoft.com/en-us/library/ie/dn455106.aspx -->
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="tile.png"/>
<square150x150logo src="tile.png"/>
<wide310x150logo src="tile-wide.png"/>
<square310x310logo src="tile.png"/>
</tile>
</msapplication>
</browserconfig>
15 changes: 15 additions & 0 deletions crossdomain.xml
@@ -0,0 +1,15 @@
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<!-- Read this: https://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->

<!-- Most restrictive policy: -->
<site-control permitted-cross-domain-policies="none"/>

<!-- Least restrictive policy: -->
<!--
<site-control permitted-cross-domain-policies="all"/>
<allow-access-from domain="*" to-ports="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
-->
</cross-domain-policy>
86 changes: 86 additions & 0 deletions css/main.css
@@ -0,0 +1,86 @@
@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC|Philosopher');
.header {
width: 100%;
background: black;
}
.hero {
width: 100%;
padding-bottom: 100vh;
background-attachment: fixed!important;
background-position: center;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;

}
.hero, .ribbon {
opacity: 0;
transition: opacity 1.2s ease-in;
}
.ribbon {
transition-delay: .6s;
}
.load .hero, .load .ribbon {
opacity: 1;
}
.full-width {
width: 100%;
}
.main {
font-family: "Philosopher", sans-serif;
background: url("../img/background.jpg");
background-position: center;

background-size: 100% 100%;
padding:45px;
}
.ribbon {
font-family: "IM Fell DW Pica SC", serif;
position: absolute;
top:60%;
left:40%;
max-width: 20%;
background: url("../img/background.jpg");
padding: 30px 40px;
}
footer {
width: 100%;
height: 180px;
overflow-y: hidden;
}
.related {
width:24%;
display: inline-block;
overflow: hidden;
height: 180px;
}
.related img {
width:100%;

}
.health::after, .mana:after, .attack:after, .dust:after {
content:"";
display: block;
position: absolute;
left:10px;
width:30px;
height: 43px;
background-size: 100%;
background-repeat: no-repeat;


}
.health:after{
background: url("../img/health.png");
background-size: 100%;
background-repeat: no-repeat;
}
.attack:after {
background: url("../img/attack.png");
background-size: 100%;
background-repeat: no-repeat;
}
.dust:after {
background: url("../img/dust.png");
background-size: 100%;
background-repeat: no-repeat;
}

0 comments on commit 9dbb52f

Please sign in to comment.