Skip to content

Commit

Permalink
Landing page;Few adjustments
Browse files Browse the repository at this point in the history
  • Loading branch information
Joel-Joseph-George committed Sep 28, 2023
1 parent 1fd0bc2 commit b491c94
Show file tree
Hide file tree
Showing 8 changed files with 121 additions and 46 deletions.
11 changes: 6 additions & 5 deletions app/static/css/hugo-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -3524,8 +3524,9 @@ textarea.form-control-lg {
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,0.15);
border-radius: .25rem
/* border: 1px solid rgba(0,0,0,0.15);
border-radius: .25rem */
border: none;
}

.dropdown-menu[data-bs-popper] {
Expand Down Expand Up @@ -3748,7 +3749,7 @@ textarea.form-control-lg {
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1rem;
padding: .25rem 0.6rem;
clear: both;
font-weight: 400;
color: #212529;
Expand Down Expand Up @@ -7764,7 +7765,7 @@ textarea.form-control-lg {
}

.pb-5 {
padding-bottom: 3rem !important
padding-bottom: 0.5rem !important
}

.ps-0 {
Expand Down Expand Up @@ -11594,7 +11595,7 @@ textarea.form-control-lg {

.navbar .navbar-brand img {
width: auto;
max-height: calc(1.4rem + .6vw)
max-height: calc(1.67rem + .6vw)
}

.section.hero .hero-title strong {
Expand Down
1 change: 1 addition & 0 deletions app/static/css/services.css
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,7 @@
.serviceCard__header span {
font-weight: 600;
color: rgba(0, 0, 0, .55);
font-size: 1.1rem;
}

.serviceCard__header:after {
Expand Down
30 changes: 27 additions & 3 deletions app/static/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@

/* Adjust the font size of the heading as needed */
.navbar-brand span {
font-size: 1.2rem !important;
font-size: 1.7rem !important;
}
}

Expand All @@ -71,7 +71,7 @@

/* Adjust the font size of the heading as needed */
.navbar-brand span {
font-size: 0.92rem !important;
font-size: 1.4rem !important;
}
}

Expand Down Expand Up @@ -289,7 +289,15 @@ li{

.navimage{
font-family: 'Poppins', sans-serif;
color: #36454F !important;
color: #625BFE !important;
font-size: 4.39rem;
margin-bottom: -10px;
}

@media (max-width: 768px) {
.navimage{
margin-bottom: 0px;
}
}


Expand Down Expand Up @@ -324,4 +332,20 @@ li{
max-width: 45%; /* Reduce image size for mobile view */
}
}
.tagline{
color: #ff87B0;
font-family: 'Courgette', cursive;
font-size: 1.7rem;
}


.typewrite{
font-size: 1.1rem;
color: #625BFE;
text-align: center !important;
padding-top:10em;
text-decoration: none;
font-family: 'Courier Prime', monospace;
}


9 changes: 1 addition & 8 deletions app/static/data/services.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,14 +57,7 @@
},
"graphql": {
"title":"GraphQL",
"content":"GraphQL module for Vachan Engine is a specification for web APIs that offers a compelling alternative to REST. This module serves as a middle layer between client applications and data sources. With its powerful query language, GraphQL enables declarative data fetching, eliminating the need for over-fetching or under-fetching. Initially implemented using Graphene, we are now migrating to the Strawberry library, ensuring access to the latest GraphQL advancements. It is hosted alongside our REST API services, this integration allows you to leverage the best of both worlds. While REST provides familiar GET, PUT, and POST endpoints, GraphQL empowers you with flexible and precise data retrieval.",
"links":[
{
"link":"",
"linkname":"GraphQL",
"button":false
}
]
"content":"GraphQL module for Vachan Engine is a specification for web APIs that offers a compelling alternative to REST. This module serves as a middle layer between client applications and data sources. With its powerful query language, GraphQL enables declarative data fetching, eliminating the need for over-fetching or under-fetching. Initially implemented using Graphene, we are now migrating to the Strawberry library, ensuring access to the latest GraphQL advancements. It is hosted alongside our REST API services, this integration allows you to leverage the best of both worlds. While REST provides familiar GET, PUT, and POST endpoints, GraphQL empowers you with flexible and precise data retrieval."
},
"microservices": {
"title":"Micro Services",
Expand Down
Binary file added app/static/images/hero.1gif
Binary file not shown.
Binary file modified app/static/images/hero.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
60 changes: 54 additions & 6 deletions app/static/scripts/scripts.js
Original file line number Diff line number Diff line change
@@ -1,8 +1,56 @@
$(document).ready(function() {
// Initialize the carousel
$('#carouselExampleIndicators').carousel({
interval: 5000 // Set the auto-sliding interval in milliseconds (e.g., 5000ms or 5 seconds)
});
});
var TxtType = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
this.period = parseInt(period, 10) || 2000;
this.txt = '';
this.tick();
this.isDeleting = false;
};

TxtType.prototype.tick = function() {
var i = this.loopNum % this.toRotate.length;
var fullTxt = this.toRotate[i];

if (this.isDeleting) {
this.txt = fullTxt.substring(0, this.txt.length - 1);
} else {
this.txt = fullTxt.substring(0, this.txt.length + 1);
}

this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';

var that = this;
var delta = 200 - Math.random() * 100;

if (this.isDeleting) { delta /= 2; }

if (!this.isDeleting && this.txt === fullTxt) {
delta = this.period;
this.isDeleting = true;
} else if (this.isDeleting && this.txt === '') {
this.isDeleting = false;
this.loopNum++;
delta = 500;
}

setTimeout(function() {
that.tick();
}, delta);
};

window.onload = function() {
var elements = document.getElementsByClassName('typewrite');
for (var i=0; i<elements.length; i++) {
var toRotate = elements[i].getAttribute('data-type');
var period = elements[i].getAttribute('data-period');
if (toRotate) {
new TxtType(elements[i], JSON.parse(toRotate), period);
}
}
// INJECT CSS
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}";
document.body.appendChild(css);
};
56 changes: 32 additions & 24 deletions app/templates/landing_page.html
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,[email protected],500&family=Poppins:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Courier+Prime&family=Cutive&family=Nunito+Sans:opsz,[email protected],500&family=Poppins:wght@500&family=Waterfall&display=swap" rel="stylesheet">

<!-- -------------Tesitmonial Carousel--------------------- -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
Expand All @@ -87,10 +87,7 @@

<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/index.xml" title="API Documentation">

<!-- J-Script -->
<!-- <script src="/static/scripts/scripts.js"></script> -->


<!-- Hugo-Styles -->
<!-- <link rel="stylesheet" type="text/css" href="{{ root_url }}/static/css/hugo-styles.css"> -->
<link rel="stylesheet" type="text/css" href="/static/css/hugo-styles.css">
Expand All @@ -109,7 +106,7 @@
<div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="#About">
<img src="/static/images/Logo.svg" alt="images/logo.png" width="86" height="86" style="margin-right: 15px;">
<span class="fs-3 fw-semibold text-sentencecase text-primary navimage">Vachan API</span>
<span class="fs-3 fw-semibold text-uppercase text-primary navimage">Vachan API</span>
</a>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -139,7 +136,7 @@
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Getting Started
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" style="box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);">
<!-- <li><a class="dropdown-item text-center" href="https://api.vachanengine.org/docs">API Documentation</a></li> -->
<li><a class="dropdown-item text-center" href="{{ root_url }}/docs">API Documentation</a></li>
<li><a class="dropdown-item text-center" href="{{ root_url }}/redoc">API Docs Generator</a></li>
Expand Down Expand Up @@ -169,16 +166,25 @@
</div>
<div class="about col-12 col-xl-6 d-flex flex-column justify-content-center">

<h3 class="hero-title fw-bold display-1 text-primary text-center text-xl-start pb-4 navimage"><strong>Vachan Engine</strong></h3>
<h3 class="hero-title fw-bold display-1 text-primary text-center text-xl-start navimage"><strong>Vachan Engine</strong></h3>

<h4 class="tagline w-bold text-center text-xl-start">Bridging word with technology</h4>

<h3 class="points w-bold text-center text-xl-start">
<a class="typewrite" data-period="2000" data-type='[ "Scripture accessibility in Indian languages", "Priority to data integrity and privacy", "Support for low-resource languages", "Flexibility in content management" ]'>
<span class="wrap"></span>
</a>
</h3>




<p class="text-center text-justify text-black-61 text-xl-start pb-4" align="justify">Vachan engine is a server application that offers APIs for seamless interaction with central database and modules within its ecosystem. It caters to a diverse range of client applications in the realm of Scripture engagement.
<p class="text-center text-justify text-black-61 text-xl-start" align="justify">Vachan engine is a server application that offers APIs for seamless interaction with central database and modules within its ecosystem. It caters to a diverse range of client applications in the realm of Scripture engagement.
</p>

<div class="d-flex flex-column flex-xl-row">

<a class="btn btn-primary text-light px-4 my-1 docsbutton" href="{{ root_url }}/docs">API
Documentation</a>
<a class="btn btn-primary text-light px-4 my-1 docsbutton" href="{{ root_url }}/docs">Try Out!</a>


<a class="btn btn-outline-primary px-4 my-1 ms-xl-4 docsbutton" href="{{ root_url }}/redoc">API Docs
Expand Down Expand Up @@ -787,11 +793,11 @@ <h2 class="fs-1 fw-bold text-primary text-center pb-4">Technologies </h3>
<footer class="shared footer bg-blue-light py-5">
<div class="container">
<div class="row pb-5">
<div class="col-12 col-xl-4 text-center text-xl-start pb-4">
<div class="col-12 col-xl-4 text-center pb-4">
<h4 class="fs-4 fw-semibold text-uppercase text-primary">Vachan API</h4>
<p class="small text-black-61"></p>

<ul class="d-flex justify-content-center justify-content-xl-start list-unstyled">
<ul class="d-flex justify-content-center list-unstyled">


<li class="rounded-circle bg-blue-63 me-2 p-2"><a
Expand Down Expand Up @@ -827,24 +833,23 @@ <h4 class="fs-4 fw-semibold text-uppercase text-primary">Vachan API</h4>

<div class="col-12 col-xl-4 text-center text-xl-start pb-4">
<!-- Empty column division -->
<!-- Location -->
<div class="text-center pb-2">
<h5 class="fs-6 fw-semibold text-primary">Location</h5>
<ul class="list-unstyled">
<li class="mb-2">
<p class="small text-black-61 m-0">Plot No. 11-13 1st Floor, Village AmberHai, Dwarka Sector 19, New
Delhi,India-110075</p>
</li>
</ul>
</div>
</div>


<!-- Location and Contact Us sections -->
<div class="col-12 col-xl-4 text-center text-xl-start pb-4">
<!-- Location -->
<div class="text-center text-xl-start pb-2">
<h5 class="fs-6 fw-semibold text-primary">Location</h5>
<ul class="list-unstyled">
<li class="mb-2">
<p class="small text-black-61 m-0">Plot No. 11-13 1st Floor, Village AmberHai, Dwarka Sector 19, New
Delhi,India-110075</p>
</li>
</ul>
</div>

<!-- Contact Us -->
<div class="text-center text-xl-start pb-2">
<div class="text-center pb-2">
<h5 class="fs-6 fw-semibold text-primary">Contact us</h5>
<p class="small text-black-61 mb-1">[email protected]</p>
<p class="small text-black-61 mb-1">+91-11-41557314</p>
Expand Down Expand Up @@ -885,7 +890,10 @@ <h5 class="fs-6 fw-semibold text-primary">Contact us</h5>

</body>

<!-- J-Script -->
<script src="/static/scripts/services.js"></script>
<script src="/static/scripts/client.js"></script>
<script src="/static/scripts/scripts.js"></script>


</html>

0 comments on commit b491c94

Please sign in to comment.