Skip to content

Commit

Permalink
performance
Browse files Browse the repository at this point in the history
  • Loading branch information
@schnellreich
schnellreich committed Feb 7, 2024
1 parent f28b26d commit 148d7f1
Show file tree
Hide file tree
Showing 8 changed files with 239 additions and 104 deletions.
86 changes: 50 additions & 36 deletions _layouts/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,19 @@ <h1>Elegant Exteriors,<br> Brutal Internal</h1>
</p>
</div>
</section>
<section class="Secret">
<h2>Pure Performance, No Excess</h2>
<hr class="hrDeco hrBlack">
<p>
Efficiency is our hallmark at Rare. Solutions that fit the task, with zero fluff.
</p>
<div class="sectionCTA">
<a href="" class="black">Check it out</a> >>
</div>
</section>
<section class="Solutions">
<h2>Simplicity in Every Solution</h2>
<hr class="hrDeco">
<div class="solutionsText">
<p>Navigate the future of business<br>
with <strong>Rare Digits</strong></p>
Expand All @@ -44,76 +55,78 @@ <h3>Consulting: Redefining Strategy</h3>
</div>
</div>
</section>
<section class="oneApp">
<h2>One Interface. Infinite Control</h2>
<p>Online data analisys in simple words</p>
<div class="oneAppWrapper">
<div class="oneAppPhone"></div>
<div class="oneAppText">
<p><strong>Decades of expertise captured in one sleek interface</strong><br>
Empower your enterprise with real-time insights and control, anywhere, anytime.</p>
<ul>
<li>Seamless integration with back-end systems</li>
<li>Responds to off-the-wall questions</li>
<li>Flexibly customizable</li>
<li>Tunable alert system</li>
</ul>
</div>
</div>
<div class="sleep">
<p>
Trained to suit<br>
your individual needs<br>
<img src="/assets/img/sleep.png" alt="">
</p>
</div>
</section>
<section class="Apps">
<h2>Bespoke Applications</h2>
<hr class="hrDeco">
<p>
Disclose the full story and simplify decision making
</p>
<div class="appStore">
<div class="app">
<img src="/assets/img/app-erp.png" alt="">
<p>
<strong>Monitor.app</strong><br>
<strong>Atlas ERP</strong><br>
Visualized ERP System
</p>
</div>
<div class="app">
<img src="/assets/img/app-mia.png" alt="">
<p>
<strong>Concierge.app</strong><br>
Personal GTP Assistant
</p>
</div>
<div class="app">
<img src="/assets/img/app-gang.png" alt="">
<p>
<strong>Cashier.app</strong><br>
<strong>Columbus</strong><br>
Automated Sales Machine
</p>
</div>
<div class="app">
<img src="/assets/img/app-forecast.png" alt="">
<p>
<strong>Forecast.app</strong><br>
<strong>Cassandra App</strong><br>
Predictive Analytics
</p>
</div>
<div class="app">
<img src="/assets/img/app-chain.png" alt="">
<p>
<strong>On-Chain.app</strong><br>
Supply Chain Optimization
<strong>Fanfare</strong><br>
Loyalty Management System
</p>
</div>
<div class="app">
<img src="/assets/img/app-mia.png" alt="">
<p>
<strong>Concierge.app</strong><br>
Personal GTP Assistant
</p>
</div>
</div>
<div class="appStoreText">
<p>Customized, turnkey apps that epitomize sophistication.<br>Impeccably crafted to resonate with your enterprise’s unique rhythm</p>
</div>
</section>
<section class="oneApp">
<h2>One Interface. Infinite Control</h2>
<hr class="hrDeco">
<p>Online data analisys in simple words</p>
<div class="oneAppWrapper">
<div class="oneAppPhone"></div>
<div class="oneAppText">
<p><strong>Decades of expertise captured in one sleek interface</strong><br>
Empower your enterprise with real-time insights and control, anywhere, anytime.</p>
<ul>
<li>Seamless integration with back-end systems</li>
<li>Responds to off-the-wall questions</li>
<li>Flexibly customizable</li>
<li>Tunable alert system</li>
</ul>
</div>
</div>
<div class="sleep">
<p>
Trained to suit<br>
your individual needs<br>
<img src="/assets/img/sleep.png" alt="">
</p>
</div>
</section>
<!-- <section class="Testimonials">
<h2>Crafting Excellence Since 2010</h2>
<p>At Rare Digits, we believe in more than just software. We craft experiences.<br>
Expand All @@ -124,6 +137,7 @@ <h2>Crafting Excellence Since 2010</h2>
<section>
<a name="demo"></a>
<h2>Experience Rare Digits</h2>
<hr class="hrDeco">
<p>A renaissance in enterprise software awaits.
<br>Explore elegance, efficiency, and excellence—encapsulated by yourself:</p>
<div class="demoRequest">
Expand Down
30 changes: 20 additions & 10 deletions _site/assets/css/mobile.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@

.hamburger {
display: block;
padding-top: 11px;
padding-top: 16px;
height: 100%;
}

Expand Down Expand Up @@ -95,6 +95,11 @@
bottom: 10px;
}

.sectionCTA {
right: 10px;
bottom: 20px;
}

.solutionsText {
padding: 0;
font-size: 1em;
Expand All @@ -110,14 +115,22 @@
height: fit-content;
}

.appStore {
flex-flow: row wrap;
}

.app {
width: 48%;
}

.oneAppWrapper {
flex-flow: column;
height: fit-content;
}

.oneAppPhone {
width: 100%;
height: 700px;
height: 755px;
background-position: center;
background-size:cover;
}
Expand All @@ -128,16 +141,13 @@
padding: 30px 30px 0;
}

.sleep {
display: none;
}

.appStore {
flex-flow: row wrap;
.oneAppText ul {
text-align: left;
padding-left: 40px;
}

.app {
width: 48%;
.sleep {
display: none;
}

.demoRequest {
Expand Down
53 changes: 48 additions & 5 deletions _site/assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,14 @@ h2 {
line-height: 36px;
}

.black {
color: #000;
}

.black:hover {
color: #00ff4e;
}

/* HEADER */

header {
Expand Down Expand Up @@ -138,7 +146,7 @@ header .button {

.hamburger div {
width: 30px;
height: 3px;
height: 1px;
background-color: #fff;
margin: 6px 0;
transition: 0.4s;
Expand Down Expand Up @@ -172,7 +180,8 @@ nav ul .close {

.button:hover {
background-color: #00ff4e;
border: 1px solid #fff;
border: 1px solid #00ff4e;
padding: 6px 17px 3px;
color: #000;
}

Expand All @@ -194,6 +203,7 @@ section {
opacity: .96;
padding: 60px 26px;
text-align: center;
position: relative;
}

section h1 {
Expand Down Expand Up @@ -222,6 +232,22 @@ section p {
padding: 20px 40px;
}

.Secret {
background-color: #fafafa;
color: #000;
border-radius: 10px;
min-height: 62vh;
}

.sectionCTA {
position: absolute;
right: 40px;
bottom: 40px;
width: 50%;
font-size: 1.2em;
text-align: right;
}

.Solutions {
display: flex;
flex-flow: column nowrap;
Expand All @@ -243,6 +269,18 @@ section p {
font-size: .85em;
}

.hrDeco {
margin-top: 20px;
border: none;
border-top: 1px solid #00ff4e;
height: 0.5px;
width: 50%;
}

.hrBlack {
border-top: 1px solid #000;
}

.solution h3 {
font-size: 1.5em;
margin: 10px 0;
Expand Down Expand Up @@ -421,8 +459,8 @@ form input[type="tel"] {
}

#my-form-button {
background-color: #333;
color: #fff;
background-color: #00ff4e;
color: #000;
padding: 15px 20px;
border: none;
cursor: pointer;
Expand All @@ -433,7 +471,12 @@ form input[type="tel"] {
}

#my-form-button:hover {
background-color: #666;
background-color: #000;
font-family: 'Restora';
padding: 8px 20px;
font-size: 1.2em;
color: #00ff4e;
border: 2px solid #00ff4e;
}

#my-form-button:active {
Expand Down
2 changes: 1 addition & 1 deletion _site/feed.xml
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-02-07T12:00:10+08:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Rare Digits</title><subtitle>Coding Senses, Building World</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2023-08-17T16:17:18+08:00</published><updated>2023-08-17T16:17:18+08:00</updated><id>http://localhost:4000/jekyll/update/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/welcome-to-jekyll/"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-02-07T16:00:17+08:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Rare Digits</title><subtitle>Coding Senses, Building World</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2023-08-17T16:17:18+08:00</published><updated>2023-08-17T16:17:18+08:00</updated><id>http://localhost:4000/jekyll/update/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/welcome-to-jekyll/"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>Jekyll requires blog post files to be named according to the following format:</p>

Expand Down
Loading

0 comments on commit 148d7f1

Please sign in to comment.