<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<!--Import materialize.css-->
<link rel="stylesheet" href="bower_components/materialize/dist/css/materialize.css" media="screen,projection"/>
<link rel="stylesheet" href="css/app.css"/>
<link rel="shortcut icon" href="css/favicon.ico">
<!--Let browser know website is optimized for mobile-->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="csrf-token" content="{{csrf_token()}}" />
</head>
<body>
<nav class="light-dark lighten-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">FIGLET</a>
<ul class="right hide-on-med-and-down">
<li><a id="about-figlet" href="javascript:" target="_blank">About FIGLET</a></li>
<li><a href="https://github.com/peter279k/figlet-generator" target="_blank">Fork me on Github</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="header center black-text">FIGLET ?????</h1>
<div class="row center">
<h5 class="header col s12 light orange-text">Help you generating the FIGLET texts through our service?</h5>
</div>
<div class="row center">
<a href="javascript:" id="start-button" class="btn-large waves-effect waves-light black">????</a>
</div>
</div>
</div>
<div class="container">
<div id="about-figlet-txts" class="row"></div>
</div>
<div class="container">
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12" name="figlet-forms">
<textarea id="message-area" class="materialize-textarea"></textarea>
<label name="msg-label" for="message-area">??????</label>
</div>
</div>
</form>
<div class="row">
<div class="input-field col s12" name="figlet-forms">
<select id="figlet-type" name="figlet-attr">
<option value="" disabled selected>??? "FIGLET" ??</option>
<option value="whale">??</option>
<option value="cows">??</option>
<option value="dragon">?</option>
<option value="tux">??</option>
<option value="figlet">FIGLET</option>
</select>
</div>
</div>
<div class="row">
<div class="input-field col s12" name="figlet-forms">
<select id="figlet-text-color" name="figlet-attr">
<option value="" disabled selected>???????</option>
<option value="#f2f205">??</option>
<option value="#9acd32">??</option>
<option value="#000000">??</option>
<option value="#2dbfff">??</option>
<option value="#f6f3ee">??</option>
</select>
</div>
</div>
<div class="row">
<div class="input-field col s12" name="figlet-forms">
<select id="figlet-background-color" name="figlet-attr">
<option value="" disabled selected>???????</option>
<option value="yellow">??</option>
<option value="green">??</option>
<option value="black">??</option>
<option value="blue">??</option>
<option value="white">??</option>
</select>
</div>
</div>
<div class="row">
<div class="input-field col s12" name="figlet-forms">
<select id="figlet-text-type" name="figlet-attr">
<option value="" disabled selected>???????</option>
<option value="bold">??</option>
<option value="normal">??</option>
</select>
</div>
</div>
<div class="row">
<div id="figlet-area" class="input-field col s12">
<pre id="result-figlet-txt"></pre>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<a href="javascript:" id="download-img-button" class="btn-large waves-effect waves-light orange">????</a>
<a href="" id="download-img-link"></a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s6 m4">
<h5 class="center">????????</h5>
<?php echo $cowTexts[0]; ?>
</div>
<div class="col s6 m4">
<div class="icon-block">
<h5 class="center">????????</h5>
<p class="light"><?php echo $cowTexts[1]; ?></p>
</div>
</div>
<div class="col s6 m4">
<div class="icon-block">
<h5 class="center">???????????</h5>
<p class="light"><?php echo $cowTexts[2]; ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer black">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">FIGLET</h5>
<p class="grey-text text-lighten-4">The FIGLET text generator</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by <a class="white-text text-lighten-3" href="https://github.com/peter279k" target="_blank">peter279k</a>
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/materialize/dist/js/materialize.min.js"></script>
<script src="bower_components/html2canvas/build/html2canvas.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
|
Download
