updated cards

This commit is contained in:
Jesse James Isler 2022-03-28 10:53:07 +02:00
parent 12b4bc15ec
commit c820732e9b
2 changed files with 12 additions and 56 deletions

View File

@ -31,30 +31,6 @@
</head>
<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>
<?php
foreach (glob("roles/*.php") as $filename) {
@ -80,22 +56,24 @@
</li>
</ul>
</div>
<div class="card-content '.$tcolor.'-text">
<span class="card-title">'.$name.'</span>
<div id='.$name.' h2p ">'.$howtoplay.'</div>
<div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
<div id='.$name.'convars">'.$convars.'</div>
</div>
<div class="card-content '.$tcolor.'-text">
<span class="card-title">'.$name.'</span>
<div id="'.$name.' h2p ">'.$howtoplay.'</div>
<div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
<div id="'.$name.'convars">'.$convars.'</div>
</div>
</div>
</div>
';
}
?>
</div>
<script>
var el = document.querySelector('.tabs');
var instance = M.Tabs.init(el, {});
</script>
<script>
var el = document.querySelector('.tabs');
var instance = M.Tabs.init(el, {});
</script>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/materialize.min.js"></script>

View File

@ -33,29 +33,7 @@
<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>
</html>