diff --git a/app/static/css/hugo-styles.css b/app/static/css/hugo-styles.css index 3da3e6b6..e410b826 100644 --- a/app/static/css/hugo-styles.css +++ b/app/static/css/hugo-styles.css @@ -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] { @@ -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; @@ -7764,7 +7765,7 @@ textarea.form-control-lg { } .pb-5 { - padding-bottom: 3rem !important + padding-bottom: 0.5rem !important } .ps-0 { @@ -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 { diff --git a/app/static/css/services.css b/app/static/css/services.css index 2f2cde15..a6ae4bf0 100644 --- a/app/static/css/services.css +++ b/app/static/css/services.css @@ -115,6 +115,7 @@ .serviceCard__header span { font-weight: 600; color: rgba(0, 0, 0, .55); + font-size: 1.1rem; } .serviceCard__header:after { diff --git a/app/static/css/styles.css b/app/static/css/styles.css index 7d8485be..703a85f0 100644 --- a/app/static/css/styles.css +++ b/app/static/css/styles.css @@ -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; } } @@ -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; } } @@ -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; + } } @@ -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; +} + diff --git a/app/static/data/services.json b/app/static/data/services.json index 08bd8387..74861432 100644 --- a/app/static/data/services.json +++ b/app/static/data/services.json @@ -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", diff --git a/app/static/images/hero.1gif b/app/static/images/hero.1gif new file mode 100644 index 00000000..527665d3 Binary files /dev/null and b/app/static/images/hero.1gif differ diff --git a/app/static/images/hero.gif b/app/static/images/hero.gif index 527665d3..6849544f 100644 Binary files a/app/static/images/hero.gif and b/app/static/images/hero.gif differ diff --git a/app/static/scripts/scripts.js b/app/static/scripts/scripts.js index 46ffa49c..4ef46392 100644 --- a/app/static/scripts/scripts.js +++ b/app/static/scripts/scripts.js @@ -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 = ''+this.txt+''; + + 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 - + @@ -87,10 +87,7 @@ - - - @@ -109,7 +106,7 @@
images/logo.png - Vachan API + Vachan API
-

Vachan Engine

+

Vachan Engine

+ +

Bridging word with technology

+ +

+ + + +

+ + -

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. +

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.

- API - Documentation + Try Out! API Docs @@ -787,11 +793,11 @@

Technologies