Diff of /trunk/landingpage/index.html [000000] .. [r97] Maximize Restore
Switch to side-by-side view
--- a +++ b/trunk/landingpage/index.html @@ -0,0 +1,245 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <link rel="shortcut icon" href="https://forge.codesys.com/_ew_resources/theme/ownforgetheme/images/favicon.ico" /> + <title>CfUnit — An open source unit testing framework for CODESYS</title> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="css/lighter2.css" rel="stylesheet"> + </head> + <body> + + <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand nav-link" href="#top"> + <img src="img/tdd.png" class="card-img-top" alt="CfUnit" width="80" height="80"> for + <img src="img/CODESYS_logo_ds.svg" class="card-img-top" alt="CODESYS" width="100" height="80"> + </a> + </div> <!-- /.navbar-header --> + + <div class="collapse navbar-collapse navbar-ex1-collapse"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="#features" class="nav-link">Features</a></li> + <li><a href="#tour-head" class="nav-link">Tour</a></li> + <li><a href="#faqs" class="nav-link">FAQs </a></li> + <li><a href="#Downloads">Downloads </a></li> + <li><a href="#about" class="nav-link">About</a></li> + </ul> + </div> <!-- /.navbar-collapse --> + </div> <!-- /.container --> + </nav> <!-- /.navbar --> + + <div id="top" class="jumbotron"> + <div class="container"> + <h1>Unit testing framework for CODESYS</h1> + <h2>In short 'CfUnit' is a free and open-source unit testing framework for CODESYS released under MIT-License</h2> + <p><a class="btn btn-primary btn-lg" href="#Downloads">Downloads <span class="glyphicon glyphicon-circle-arrow-right"></span></a></p> + </div> <!-- /.container --> + </div> <!-- /.jumbotron --> + + + <div class="container"> + <h3 id="features" class="subhead">Features</h3> + <div class="row benefits"> + <div class="col-md-4 col-sm-6 benefit"> + <div class="benefit-ball"> + <span class="glyphicon glyphicon-star"></span> + </div> + <h3>Easy</h3> + Download,<br>Install,<br>Reference,<br>Ready! + </div> <!-- /.benefit --> + <div class="col-md-4 col-sm-6 benefit"> + <div class="benefit-ball"> + <span class="glyphicon glyphicon-ok"></span> + </div> + <h3>Powerful</h3> + Higher productivity,<br>Fewer bugs,<br>Cleaner code,<br>Self-documenting</p> + </div> <!-- /.benefit --> + <div class="col-md-4 col-sm-6 benefit"> + <div class="benefit-ball"> + <span class="glyphicon glyphicon-heart"></span> + </div> + <h3>Free!</h3> + <p>MIT-Licensed</p> + </div> <!-- /.benefit --> + </div> <!-- /.row --> + </div> <!-- /.container --> + + + <div class="container-alternate"> + <div class="container"> + <h3 id="tour-head" class="subhead">Tour</h3> + <div class="row"> + <div class="col-md-12"> + <div id="tour" class="carousel slide"> + <ol class="carousel-indicators"> + <li data-target="#tour" data-slide-to="0" class="active"></li> + <li data-target="#tour" data-slide-to="1"></li> + <li data-target="#tour" data-slide-to="2"></li> + <li data-target="#tour" data-slide-to="3"></li> + </ol> + + <div class="carousel-inner"> + <div class="item active"> + <img src="img/compiled-libraryinstallation.gif"> + <div class="carousel-caption"> + Easy installation</a> + </div> + </div> + <div class="item"> + <img src="img/unittest.png"> + <div class="carousel-caption"> + Unit Test + </div> + </div> + <div class="item"> + <img src="img/programcall.png"> + <div class="carousel-caption"> + Program Call + </div> + </div> + <div class="item"> + <img src="img/output.gif" width="1600" height = "500"> + <div class="carousel-caption"> + Output + </div> + </div> + </div> + + <a class="left carousel-control" href="#tour" data-slide="prev"> + <span class="glyphicon glyphicon-chevron-left"></span> + </a> + <a class="right carousel-control" href="#tour" data-slide="next"> + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + </div> <!-- #tour --> + </div> <!-- /.col-md-12 --> + </div> <!-- /.row --> + </div> <!-- /.container --> + </div> <!-- /.container-alternate --> + + + <div class="container"> + <h3 id="faqs" class="subhead">Frequently Asked Questions</h3> + <div class="row faqs"> + <p class="col-md-4 col-sm-6"> + <strong>Getting started</strong><br> + All you need to do is to download & install the library and provide a<br> + reference of the CfUnit-library in your project.Now you are ready and<br> + you can start to write your test code. + </p> + <p><ul class="col-md-4 col-sm-6"> + <strong>Follow these simple steps</strong> + <ul> + <li>Extend <code>CfUnit.FB_TestSuite</code>,</li> + <li>Add the attribute-pragma <code>{attribute ‘call_after_init’}</code>,</li> + <li>Define the inputs, define the expected outputs (result),</li> + <li>Call the CfUnit-assert methods to compare the expected output to the actual output,</li> + <li>Close the test with <code>TEST_FINISHED()</code> when finished.</li> + </ul> + </ul> + </p> + <p class="col-md-4 col-sm-6"> + <strong>User Guide</strong><br> + Follow <a href="https://tcunit.org/introduction-user-guide/">this tuturial</a>.<br> + The end result of this tuturial in CODESYS can be downloaded <a href="#Downloads">here</a> + <br> + <i>Allthough initially written for TwinCAT, it can be easily followed by CODESYS users.</i> + </p> + <p class="col-md-4 col-sm-6"> + <strong>API</strong><br> + <a href="https://forge.codesys.com/prj/cfunit/home/CfUnit%20API%20Reference/">Online API reference can be found here</a>. + </p> + <p class="col-md-4 col-sm-6"> + <strong>Bugs</strong><br> + Bugs can be reported by opening a <a href="https://forge.codesys.com/prj/cfunit/tickets/">ticket</a> here. + </p> + </div> <!-- /.faqs --> + </div> <!-- /.container --> + + + <div class="container"> + <h3 id="Downloads" class="subhead">Downloads</h3> + <div class="row downloads"> + <p class="col-md-4 col-sm-6"> + <strong>CfUnit.compiled-library</strong><br> + v0.9.0.0 precompiled version.<br> + <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnit.compiled-library?format=raw" class="btn btn-primary">Download</a> + </p> + <p class="col-md-4 col-sm-6"> + <strong>CfUnit.library</strong><br> + v0.9.0.0, Compile and install it yourself<br> + <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnit.library?format=raw" class="btn btn-primary">Download</a> + </p> + <p class="col-md-4 col-sm-6"> + <strong>CfUnitVerifier.project</strong><br> + Verifies CfUnit and doubles<br> + as a usage example<br> + <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnitVerifier.project?format=raw" class="btn btn-primary">Download</a> + </p> + <p class="col-md-4 col-sm-6"> + <strong>CfUnitVerifier output.xml</strong><br> + CfUnit library verifier output in XML<br> + <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnitVerifier%20output.xml?format=raw" class="btn btn-primary">Download</a> + </p> + <p class="col-md-4 col-sm-6"> + <strong>SimpleCfUnitExampleProject.project</strong><br> + Simple Usage Example<br> + <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/SimpleCfUnitExampleProject.project?format=raw" class="btn btn-primary">Download</a> + </p> + </div> <!-- /.row downloads --> + </div> <!-- /.container --> + + + <div class="container-alternate"> + <div class="container"> + <h3 id="about" class="subhead">About</h3> + <div class="row about"> + <div class="col-md-10 col-md-offset-1 text-center"> + </p> + Kudos to Jakob Sagatowski for his kind permission to port + his wonderful testing framework to CODESYS. Assistance provided by + zer0g & Ingo was greatly appreciated. Without their assistance this + project would have taken me several months. + Kudos for helping out with various tickets and providing valueable + feedback! + </p> + <p> + Ported from TcUnit v0.9.0, originally written for TwinCAT3 by Jakob Sagatowski. + <p> + </div> <!-- /.col-md-10 --> + </div> <!-- /.row --> + </div> <!-- /.container --> + </div> <!-- /.container-alternate --> + + <footer> + <div class="container clearfix"> + <p class="pull-left"> + <span class="glyphicon glyphicon-envelope"></span> Contact + </p> + <p class="pull-right"> + template by <a href="http://coverstrap.com">Coverstrap</a> + </p> + </div> <!-- /.container --> + </footer> + + <script src="js/jquery.js"></script> + <script src="js/bootstrap.min.js"></script> + <script> + $(".nav-link").click(function(e) { + e.preventDefault(); + var link = $(this); + var href = link.attr("href"); + $("html,body").animate({scrollTop: $(href).offset().top - 80}, 500); + link.closest(".navbar").find(".navbar-toggle:not(.collapsed)").click(); + }); + </script> + </body> +</html>