Skip to content
Snippets Groups Projects
Verified Commit 332d4f4d authored by Jakob Görgen's avatar Jakob Görgen
Browse files

made squares without bricks background

parent 84c62db5
No related branches found
No related tags found
No related merge requests found
Pipeline #110038 passed
Hide whitespace changes
Inline Side-by-side
_layouts/home.html
+ 27
− 22
View file @ 332d4f4d
......@@ -21,41 +21,45 @@ layout: base
<section class="advantages">
<div class="container">
<h2>SimBricks Helps You ...</h2>
<h2>SimBricks enhances your development experience:</h2>
<ul>
<li class="technique-interfaces">
<div class="bg"></div>
<div class="tile-content">
<h3>Design &amp; Iterate Faster</h3>
Virtual prototypes enable you to build hardware systems iteratively
like software. Go from design to first full system tests and
measurements in hours instead of months and then iterate.
<div class="heading">Design &amp; Iterate Faster</div>
<p class="desc">
Virtual prototypes enable you to build hardware systems iteratively
like software. Go from design to first full system tests and
measurements in hours instead of months and then iterate.
</p>
</div>
</li>
<li class="technique-sync">
<div class="bg"></div>
<div class="tile-content">
<h3>Make Better Engineering Decisions</h3>
Virtual prototypes allow you to reliably compare design and
implementation changes based on their impact on the bottom line
metrics: overall system performance.
<div class="heading">Make Better Engineering Decisions</div>
<p class="desc">
Virtual prototypes allow you to reliably compare design and
implementation changes based on their impact on the bottom line
metrics: overall system performance.
</p>
</div>
</li>
<li class="technique-loose">
<div class="bg"></div>
<div class="tile-content">
<h3>Streamline Full Development Cycle</h3>
Virtual prototyping is a valuable tool throughout your development,
from early design, through implementation, and even for demos and
sales.
<div class="heading">Streamline Full Development Cycle</div>
<p class="desc">
Virtual prototyping is a valuable tool throughout your development,
from early design, through implementation, and even for demos and
sales.
</p>
</div>
</li>
<li class="technique-parallel">
<div class="bg"></div>
<div class="tile-content">
<h3>Focus on Your Technology</h3>
Easily build virtual prototypes by combining models for your new
components with pieces from our catalog of pre-configured components.
<div class="heading">Focus on Your Technology</div>
<p class="desc">
Easily build virtual prototypes by combining models for your new
components with pieces from our catalog of pre-configured components.
</p>
</div>
</li>
</ul>
......@@ -85,8 +89,9 @@ layout: base
<section class="code-example">
<div class="container">
<div class="code-example-headings">
<div class="ce-large-heading">It's exteremly simple to create virtual Prototypes with
SimBricks:</div>
<div class="ce-large-heading">
Simply create virtual Prototypes with SimBricks:
</div>
</div>
<div class="non-code-features">
{% for fb in site.data.code-example.code-example.feature-blocks-no-code %}
......
_layouts/technology.html
+ 35
− 19
View file @ 332d4f4d
......@@ -21,9 +21,9 @@ layout: base
<a href="{{ site.baseurl }}/demo/">Try out SimBricks in Your Browser!</a>
</h2>
<p>New to SimBricks? Get started quickly with our demo. We offer an
easy to use SimBricks environment that you can use in the browser.
This is the fastest and easiest way to get started using
SimBricks!</p>
easy to use SimBricks environment that you can use in the browser.
This is the fastest and easiest way to get started using
SimBricks!</p>
</div>
<img />
</div>
......@@ -64,28 +64,44 @@ layout: base
<h2>Techniques</h2>
<ul>
<li class="technique-interfaces">
<h3>Open &amp; modular architecture</h3>
SimBricks defines fixed, natural component interfaces to enable flexible
modular composition of simulators to run a broad range of
heterogeneous systems.
<div class="tile-content">
<div class="heading">Open &amp; modular architecture</div>
<p class="desc">
SimBricks defines fixed, natural component interfaces to enable flexible
modular composition of simulators to run a broad range of
heterogeneous systems.
</p>
</div>
</li>
<li class="technique-sync">
<h3>Accurate &amp; efficient synchronization</h3>
SimBricks ensures accurate simulation through correct time
synchronization, but with minimal runtime overhead even for systems with
many components.
<div class="tile-content">
<div class="heading">Accurate &amp; efficient synchronization</div>
<p class="desc">
SimBricks ensures accurate simulation through correct time
synchronization, but with minimal runtime overhead even for systems with
many components.
</p>
</div>
</li>
<li class="technique-loose">
<h3>Loose coupling for easy integration</h3>
SimBricks component simulators run as separate processes that
communicate through message passing, enabling integration of simulators
using arbitrary languages and simulation models.
<div class="tile-content">
<div class="heading">Loose coupling for easy integration</div>
<p class="desc">
SimBricks component simulators run as separate processes that
communicate through message passing, enabling integration of simulators
using arbitrary languages and simulation models.
</p>
</div>
</li>
<li class="technique-parallel">
<h3>Parallel execution for fast simulation</h3>
SimBricks runs simulators in parallel on different host cores and
connects them through optimized shared-memory queues; proxy process
enable scaling out across machines.
<div class="tile-content">
<div class="heading">Parallel execution for fast simulation</div>
<p class="desc">
SimBricks runs simulators in parallel on different host cores and
connects them through optimized shared-memory queues; proxy process
enable scaling out across machines.
</p>
</div>
</li>
</ul>
</div>
......
_sass/home.scss
+ 11
− 31
View file @ 332d4f4d
......@@ -94,8 +94,8 @@ body.home {
}
a {
font-size: large;
color: $col-sb-blu;
font-size: x-large;
color: $col-sb-org;
padding: 40px;
}
......@@ -262,53 +262,33 @@ body.home {
gap: $gap;
li {
display: flex;
flex-direction: column;
align-items: center;
width: $block-size;
min-height: calc(0.9 * $block-size);
background-color: $col-car-bg;
border-radius: $border-radius-card;
position: relative;
overflow: hidden;
padding: 3rem 3rem 3rem 5rem;
padding: 3rem 3rem 3rem 3rem;
font-size: 1.3rem;
line-height: 1.2;
div.bg {
// background-image: url('/assets/images/tumbling_bricks.svg');
// background-size: 205%;
// opacity: .05;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
}
div.tile-content {
position: relative;
color: black;
// display: flex;
// flex-direction: column;
// gap: 10px;
padding: 20px 10px 10px 20px;
width: 100%;
h3 {
color: $col-sb-org-l1;
// color: $col-sb-blu-d2;
.heading {
color: $col-sb-blu;
height: 70px;
padding-bottom: 20px;
width: 100%;
margin-left: -2rem;
margin-bottom: 1rem;
line-height: 1;
font-size: 1.7rem;
font-weight: 800;
}
}
}
li.technique-interfaces {
......
_sass/technology.scss
+ 23
− 19
View file @ 332d4f4d
@use 'sass:math';
body.technology {
h2 {
text-align: center;
}
header.page-header {
margin-bottom: 0px;
......@@ -126,36 +130,36 @@ body.technology {
margin-top: 1rem;
$gap: 35px;
// $block-size: math.div(($width - $gap), 2);
$block-size: calc((#{$width} - #{$gap}) / 2);
gap: $gap;
li {
display: flex;
flex-direction: column;
align-items: center;
width: $block-size;
min-height: calc(0.9 * $block-size);
background-color: $col-car-bg;
border-radius: $border-radius-card;
padding: 3rem 3rem 3rem 3rem;
// background-image: url('/assets/images/bricks_outlines.svg');
// background-size: 205%;
margin: 0px;
color: white;
padding: 4rem 5rem 6rem 5rem;
font-size: 1.1rem;
font-size: 1.3rem;
line-height: 1.2;
h3 {
width: 90%;
/*text-align: center;*/
margin-left: -2rem;
margin-bottom: 1rem;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
div.tile-content {
color: black;
padding: 20px 10px 10px 20px;
width: 100%;
.heading {
color: $col-sb-blu;
height: 70px;
padding-bottom: 20px;
width: 100%;
line-height: 1;
font-size: 1.7rem;
font-weight: 800;
}
}
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment