Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Creating a 'Features' section on the landing page #40 #51

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Creating a 'Features' section on the landing page #40 #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9afc15d
Add a 'Features' section
adiwahyudi02 Dec 24, 2019
be82d8a
Add a 'Features' section
adiwahyudi02 Dec 24, 2019
29f4279
Change package fontawesome file to cdn fontawesome kit
adiwahyudi02 Dec 26, 2019
d87bbf0
add back 3 pdf files deleted
adiwahyudi02 Dec 26, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
286 changes: 285 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<title>BRL-CAD: Open Source Solid Modeling</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/logo.ico" />

</head>

<body>
Expand Down Expand Up @@ -96,6 +96,261 @@ <h2 class="intro-topic">What is BRL&#8209;CAD?</h2>
</div>
</div>

<div class="container" id="add-container-feature">
<div >
<div id="title-container-feature">
<p>Awesome Features</p>
</div>
<div style="display: flex; justify-content: center; margin-bottom: 40px;">
<div style="height: 3px; width: 50px; background: #d0245e;"></div>
</div>
</div>
<div>
<div class="container-slick" id="features-1">
<div class="container-feature">
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fab fa-python"></i>
</div>
</div>
<div class="title-feature">
<p>Solid Geometry</p>
</div>
<div class="description-feature">
<p>Focuses on solid modeling CAD. Solid modeling is distinguished from other forms of geometric modeling by an emphasis on being physically accurate, fully describing 3D space.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-chart-bar"></i>
</div>
</div>
<div class="title-feature">
<p>Raytracing</p>
</div>
<div class="description-feature">
<p>Raytracing is central to BRL-CAD as a means for performing geometric analysis (e.g., calculating weights and moments of inertia) and for rendering images for visualization purposes.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-align-center"></i>
</div>
</div>
<div class="title-feature">
<p>Geometry Conversion</p>
</div>
<div class="description-feature">
<p>As shown, a BRL-CAD target description can be converted to a finite element mesh (FEM) using the BRL-CAD g-sat exporter and Cubit from Sandia National Laboratories.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-assistive-listening-systems"></i>
</div>
</div>
<div class="title-feature">
<p>Procedural Geometry</p>
</div>
<div class="description-feature">
<p>BRL-CAD provides a comprehensive procedural geometry interface as a means for creating models algorithmically instead of manually.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-ribbon"></i>
</div>
</div>
<div class="title-feature">
<p>Boundary Representation</p>
</div>
<div class="description-feature">
<p>Boundary representation NURBS surface geometry is one of the dominant geometric representation formats in CAD. </p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-pencil-ruler"></i>
</div>
</div>
<div class="title-feature">
<p>Path Tracing</p>
</div>
<div class="description-feature">
<p>Representing more than 8 trillion rays fired at this 11-million-polygon scene (amounting to more than 20 million rays per second on 2004 hardware), this figure signifies the path tracing capability of BRL-CAD. </p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-tools"></i>
</div>
</div>
<div class="title-feature">
<p>Constructive Solid Geometry (CSG)</p>
</div>
<div class="description-feature">
<p>While now a fully hybrid modeling system, BRL-CAD has its roots in CSG modeling with implicit primitives. This image, provided courtesy of GSI Solutions, Inc., depicts a detailed M1A1 tank on a pedestal in a mirrored showcase room.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="far fa-eye-slash"></i>
</div>
</div>
<div class="title-feature">
<p>Hidden Line Rendering</p>
</div>
<div class="description-feature">
<p>This raytrace image is a multiple-view hidden line rendering of an Mi28 Havoc Russian attack helicopter using BRL-CAD's rtedge utility. The model is entirely composed of implicit primitives combined together with CSG boolean operations. </p>
</div>
</div>
</div>
<div class="container-arrow-feature" id="arrow-features-1">
<div class="icon-arrow-feature" >

<i class="fas fa-arrow-right" ></i>
</div>
</div>
</div>

<div class="container-slick" id="features-2">
<div class="container-arrow-feature" id="arrow-features-2">
<div class="icon-arrow-feature" >

<i class="fas fa-arrow-left"></i>
</div>
</div>
<div class="container-feature">
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-code"></i>
</div>
</div>
<div class="title-feature">
<p>Scripting Interface</p>
</div>
<div class="description-feature">
<p>BRL-CAD can run series of commands piped in or redirected to it via standard input, and it is considerably more efficient to batch multiple BRL-CAD commands together via standard input instead of re-invoking BRL-CAD for each command.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="far fa-bell"></i>
</div>
</div>
<div class="title-feature">
<p>More Cowbell</p>
</div>
<div class="description-feature">
<p>Not all of BRL-CAD's capabilities lend themselves well to pretty pictures, but some are definitely worth mentioning. Among the thousands of features in BRL-CAD, here are some additional capabilities that are central to our project ethos.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-fist-raised"></i>
</div>
</div>
<div class="title-feature">
<p>Geometric Analysis </p>
</div>
<div class="description-feature">
<p>A particular strength of the BRL-CAD software lies in its ability to build and analyze realistic models of complex objects. There are a number of features aimed at inspecting, preparing, verifying, and validating geometry models. </p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="far fa-object-group"></i>
</div>
</div>
<div class="title-feature">
<p>High-Performance Design</p>
</div>
<div class="description-feature">
<p>BRL-CAD is designed from the ground up with performance in mind. Considerable attention has been put into in-memory and on-disk data storage efficiency.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-tasks"></i>
</div>
</div>
<div class="title-feature">
<p>Symmetric Multi-Processing</p>
</div>
<div class="description-feature">
<p>BRL-CAD efficiently leverages symmetric multi-processing (SMP) capabilities of desktop, server, and supercomputing systems, where an arbitrary number of processing cores can be put to work on a computational task. </p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-sitemap"></i>
</div>
</div>
<div class="title-feature">
<p>Modular Architecture</p>
</div>
<div class="description-feature">
<p>As a large software package developed over a relatively long period of time, BRL-CAD has necessarily been designed and evolved with modularity in mind. Functionality is implemented across hundreds of application modules, commands, and libraries designed to work together.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="far fa-paper-plane"></i>
</div>
</div>
<div class="title-feature">
<p>Cross-Platform Portability</p>
</div>
<div class="description-feature">
<p>BRL-CAD has an extensive history of investment in and attention toward cross-platform portability.</p>
</div>
</div>
<div class="feature">
<div class="container-icon-feature">
<div class="icon-feature">
<i class="fas fa-exchange-alt"></i>
</div>
</div>
<div class="title-feature">
<p>ISO STEP 10303</p>
</div>
<div class="description-feature">
<p>STandard for the Exchange of Product Model Data (STEP) is an ISO standard describing a product's full life cycle. One small portion of that gigantic standard describes a complex geometry file format that fortunately has been adopted by most commercial CAD systems</p>
</div>
</div>
</div>
</div>
</div>

<div id="container-arrow-features-mobile">
<div class="container-arrow-feature-mobile" id="arrow-features-mobile">

<div class="icon-arrow-feature" >

<i class="fas fa-arrow-down" ></i>
</div>
</div>
<p style="color: #d0245e; text-align: center; font-size: 9pt;"><b>more</b></p>
</div>


</div>

<div class="why-us">
<div class="container">
<h1 class="main-h1" style="font-size: 3.33rem; margin-bottom: 40px;">Highlights</h1>
Expand Down Expand Up @@ -319,6 +574,35 @@ <h2>Subscribe to Mailing List</h2>
<script src="js/TweenLite.min.js"></script>
<script src="js/EasePack.min.js"></script>
<script type="text/javascript" src="js/tessellactation.js"></script>
<script src="https://kit.fontawesome.com/4996d46f26.js" crossorigin="anonymous"></script>

<script>
$(document).ready(function () {

$('#arrow-features-1').click( function (){
$('#features-1').fadeOut('slow');
$('#features-2').css('display', 'flex');
});

$('#arrow-features-2').click( function (){
$('#features-2').fadeOut('slow');
$('#features-1').fadeIn('slow');
});

$('#arrow-features-mobile').click( function (){

$('#features-1').fadeIn();
$('#features-2').fadeIn();
$('.icon-arrow-feature').fadeOut();
$('#container-arrow-features-mobile').fadeOut();
$('.container-feature').css('width', '100%');


});

});
</script>

</body>

</html>
2 changes: 2 additions & 0 deletions js/jquery.min.js
View file
Open in desktop

Large diffs are not rendered by default.

Loading