Anduril Page

In this example below you will see how to do a Anduril Page with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by vaskopetrov, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright vaskopetrov ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Anduril Page</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center">Anduril</h1>
        <h2 class="text-center">Open Source framework for scientific data analysis</h2>
        <div class="thumbnail"><img src="https://upload.wikimedia.org/wikipedia/commons/e/ed/Anduril_Workflow_Engine_Logo_v.2.0.png">
          <div class="caption text-center">Anduril is an open source component-based workflow framework for scientific data analysis developed at the Systems Biology Laboratory, University of Helsinki.</div>
        </div>
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <h3>Architecture and features:</h3>
          <ul>
            <li>A workflow is a series of processing steps connected together so that the output of one step is used as the input of another. Processing steps implement data analysis tasks such as data importing, statistical tests and report generation. In Anduril, processing steps are implemented using components, which are reusable executable code that can be written in any programming language. Components are wired together into a workflow, or a component network, that is executed by the Anduril workflow engine. Workflow configuration is done using a simple yet powerful scripting language, AndurilScript. Workflow configuration and execution can be done from Eclipse, a popular multipurpose GUI, or from the command line.</li>
          </ul>
          <h3>Anduril 1.0: AndurilScript language:</h3>
          <ul>
            <li>
              Hello world in AndurilScript is simply <br />
              <code>std.echo("Hello world!")</code>
            </li>
            <li>
              Commenting follows the syntax of Java: <br />
              <code>
               // A simple comment <br />
               /* Another simple comment */ <br />
               /** A description that will be included in component description */
              </code>
            </li>
            <li>
              Components are called by assigning their calls to named component instances. Names cannot be re-used within a single workflow. There are special components for input files that include external files to the script. Supported atomic types are integer, float, boolean and string, and typing is done implicitly. <br />
              <code>
               in1 = INPUT(path="myFile.csv") <br />
               constant1 = 1 <br />
               componentInstance1 = MyComponent(inputPort1 = in1, inputParam1 = constant1)
              </code>
            </li>
          </ul>
          <blackquote>
            <p>Talking about verbose logs, an execution directory of Anduril can be excessive as well. Sometimes you still have to dive into its depths to hunt for that one bug. The anduril-result-browser makes this a whole lot simpler. </p>
            <footer><cite>riku</cite></footer>
          </blackquote>
          <h3>If you are interested to learn more about this framework check out their <a href="https://www.anduril.org" target="_blank">website</a></h3>
        </div>
      </div>
    </div>
  </div>
  <footer class=text-center>
    <hr />
    <p class="text-center">This page is created by <a href="https://codepen.io/vaskopetrov/" target="_blank">Vasko Petrov</a> for one of the <a href="https://www.freecodecamp.com/" target="_blank">FreeCodeCamp</a> challanges with lots of fun and <i class="fa fa-heart"></i>!</p>
  </footer>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/vaskopetrov/anduril-page-bgxJYK */
.pre-indent {
  text-indent: -100px;
}

Comments