updated cards
This commit is contained in:
parent
12b4bc15ec
commit
c820732e9b
30
index.php
30
index.php
@ -31,30 +31,6 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class=row>
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-content">
|
|
||||||
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
|
|
||||||
</div>
|
|
||||||
<div class="card-tabs">
|
|
||||||
<ul class="tabs tabs-fixed-width">
|
|
||||||
<li class="tab"><a href="#test4">Test 1</a></li>
|
|
||||||
<li class="tab"><a class="active" href="#test5">Test 2</a></li>
|
|
||||||
<li class="tab"><a href="#test6">Test 3</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="card-content grey lighten-4">
|
|
||||||
<div id="test4">Test 1</div>
|
|
||||||
<div id="test5">Test 2</div>
|
|
||||||
<div id="test6">Test 3</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class=row>
|
<div class=row>
|
||||||
<?php
|
<?php
|
||||||
foreach (glob("roles/*.php") as $filename) {
|
foreach (glob("roles/*.php") as $filename) {
|
||||||
@ -82,9 +58,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="card-content '.$tcolor.'-text">
|
<div class="card-content '.$tcolor.'-text">
|
||||||
<span class="card-title">'.$name.'</span>
|
<span class="card-title">'.$name.'</span>
|
||||||
<div id='.$name.' h2p ">'.$howtoplay.'</div>
|
<div id="'.$name.' h2p ">'.$howtoplay.'</div>
|
||||||
<div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
|
<div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
|
||||||
<div id='.$name.'convars">'.$convars.'</div>
|
<div id="'.$name.'convars">'.$convars.'</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -92,6 +68,8 @@
|
|||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var el = document.querySelector('.tabs');
|
var el = document.querySelector('.tabs');
|
||||||
var instance = M.Tabs.init(el, {});
|
var instance = M.Tabs.init(el, {});
|
||||||
|
22
testing.php
22
testing.php
@ -33,29 +33,7 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-content">
|
|
||||||
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
|
|
||||||
</div>
|
|
||||||
<div class="card-tabs">
|
|
||||||
<ul class="tabs tabs-fixed-width">
|
|
||||||
<li class="tab"><a href="#test4">Test 1</a></li>
|
|
||||||
<li class="tab"><a class="active" href="#test5">Test 2</a></li>
|
|
||||||
<li class="tab"><a href="#test6">Test 3</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="card-content grey lighten-4">
|
|
||||||
<div id="test4">Test 1</div>
|
|
||||||
<div id="test5">Test 2</div>
|
|
||||||
<div id="test6">Test 3</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
var el = document.querySelector('.tabs');
|
|
||||||
var instance = M.Tabs.init(el, {});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user