Skip to content

Commit

Permalink
Major revision
Browse files Browse the repository at this point in the history
  • Loading branch information
OldFire3107 committed May 24, 2020
1 parent 5764e2c commit 1dc9009
Showing 6 changed files with 145 additions and 29 deletions.
8 changes: 4 additions & 4 deletions assets/bootstrap/css/bootstrap.min.css

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions assets/bootstrap/js/bootstrap.min.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/Bold-BS4-Animated-Back-To-Top.css
Original file line number Diff line number Diff line change
@@ -32,7 +32,7 @@
}

.cd-top:hover {
background-color: #e86256;
background-color: #000000;
opacity: 1;
}

5 changes: 5 additions & 0 deletions assets/css/best-carousel-slide.css
Original file line number Diff line number Diff line change
@@ -87,3 +87,8 @@ span {
.nav-item.dropdown {
}

.part p {
padding: 20px 0;
color: #7d8285;
}

89 changes: 89 additions & 0 deletions assets/css/styles.css
Original file line number Diff line number Diff line change
@@ -46,3 +46,92 @@
padding: 15px;
}

.nav-item {
text-align: center;
}

.navbar-light .navbar-nav .nav-link {
display: inline-block;
padding-top: 19px;
}

.about p {
color: #7d8285;
text-align: center;
font-size: larger;
padding: 5px;
margin: auto;
}

.about {
padding: 40px;
}

.subhead {
font-size: 20px;
font-weight: bold;
}

.fa.fa-address-card-o.icon {
color: #1685ee;
font-size: 40px;
}

.fa.fa-book.icon {
color: #1685ee;
font-size: 40px;
}

.cont .intro {
font-size: 16px;
max-width: 473px;
margin: 0 auto 60px;
}

@media (max-width:767px) {
.cont .intro {
margin-bottom: 40px;
}
}

@media (max-width:767px) {
.cont h2 {
margin-bottom: 25px;
padding-top: 25px;
font-size: 24px;
}
}

.cont h2 {
font-weight: bold;
margin-bottom: 40px;
padding-top: 40px;
color: inherit;
}

.projects-clean {
margin-top: 30px;
}

.col-md-6 {
margin-bottom: 20px;
position: relative;
}

.buttons.bottomstuck {
position: absolute;
bottom: 5px;
padding: 5px;
width: 150px;
left: 50%;
margin-left: -75px;
}

.col-md-6 .intro {
margin-bottom: 75px;
}

.col-sm-6.col-lg-4.item h3 {
color: rgb(228,228,228);
}

64 changes: 43 additions & 21 deletions index.html
Original file line number Diff line number Diff line change
@@ -5,14 +5,17 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Agni Purani</title>
<meta name="keywords" content="Agni, Purani, Agni Purani, OldFire, OldFire3107, Physics, Physicist">
<meta name="twitter:description" content="One of the greatest phenomena on earth - Agni Purani. To know more click on this!">
<meta name="twitter:description" content="Agni, a budding physicist loves explaining phenomena that unravel the mysteries of the universe. His derivations and diaries revolve around principles and postulates in the domains of physics, mathematics and algorithms. Here, find this very phenomenon explained!">
<meta name="keywords" content="Agni, Purani, Agni Purani, Agni Keyoor Purani, OldFire, OldFire3107, Physics, Physicist">
<meta name="twitter:image" content="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<meta property="og:type" content="website">
<meta name="description" content="One of the greatest phenomena on earth - Agni Purani. To know more click on this!">
<meta property="og:image" content="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Agni Purani">
<meta name="description" content="Agni, a budding physicist loves explaining phenomena that unravel the mysteries of the universe. His derivations and diaries revolve around principles and postulates in the domains of physics, mathematics and algorithms. Here, find this very phenomenon explained!">
<link rel="icon" type="image/png" sizes="170x170" href="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<link rel="icon" type="image/png" sizes="170x170" href="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<link rel="icon" type="image/png" sizes="170x170" href="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<link rel="icon" type="image/png" sizes="170x170" href="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<link rel="icon" type="image/png" sizes="170x170" href="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
@@ -57,9 +60,9 @@

<body style="background-color: rgb(49,55,58);">
<nav class="navbar navbar-light navbar-expand-md navigation-clean" style="background-color: rgb(40,45,50);">
<div class="container"><img src="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png" style="width: 41px;margin: 0px;margin-right: 17px;"><a class="navbar-brand tada animated" href="#" style="color: rgb(255,255,255);">OLDFIRE3107</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><i class="icon ion-android-menu" style="color: rgba(255,255,255,0.9);font-size: 31px;"></i></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<div class="container"><a href="#"><img src="assets/img/5a6894f084b05_logo(1).thumb.png.8d23f3cefa30d8ae53472688e8896761.png" style="width: 41px;margin: 0px;margin-right: 17px;" alt="OldFire3107 logo" herf="#"></a><a class="navbar-brand tada animated" href="#aboutme" style="color: rgb(255,255,255);">OLDFIRE3107</a><button data-toggle="collapse"
class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><i class="icon ion-android-menu" style="color: rgba(255,255,255,0.9);font-size: 31px;"></i></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="padding: 20px;" ondblclick="RedirectP();">The Phenomenon&nbsp;</a>
<div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#dimensions">Dimensions</a><a class="dropdown-item" role="presentation" href="#evolution">Evolution</a></div>
@@ -68,7 +71,7 @@
<div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#evidences">Evidences</a></div>
</li>
</ul>
</div>
</div>
</div>
</nav><a class="cd-top js-cd-top cd-top--fade-out cd-top--show" style="background-image:url(&quot;assets/img/cd-top-arrow.svg&quot;);" href="#0">Top</a>
<main>
@@ -100,6 +103,10 @@ <h1 class="hero-title">Agni Purani - The Phenomenon Explained!</h1>
</ol>
</div>
</section>
<div id="aboutme" class="about">
<p>Agni, a budding physicist loves explaining phenomena that unravel the mysteries of&nbsp;the universe.&nbsp;<br>His derivations and diaries revolve around principles and postulates in the domains of physics, mathematics and algorithms. <br>Here,
find this very phenomenon explained!<br></p>
</div>
</main>
<div id="equations" class="features-clean" style="background-color: rgb(49,55,58);">
<div class="container" id="equation">
@@ -126,13 +133,14 @@ <h3 class="name" style="color: rgb(228,228,228);">\(N = R^{*} \cdot f_{p} \cdot
</div>
</div>
</div>
<section id="pheno" class="part Pheno">
<section id="pheno" class="part Pheno" style="padding-bottom: 10px;">
<h1 style="margin-bottom: 0;">The Phenomenon</h1>
<p>Agni - the phenomenon defined by scope, characteristics and chronology of events.<br></p>
</section>
<div class="features-clean Pheno">
<div class="container" id="dimensions">
<div class="intro">
<h2 class="text-center" style="color: rgb(255,255,255);">Dimensions</h2>
<h2 class="text-center" style="color: rgb(22,133,238);padding-top: 25px;">Dimensions</h2>
<p class="text-center">The characteristics and scope of what I like and do.</p>
</div>
<div class="row features">
@@ -152,9 +160,10 @@ <h3 class="name" style="color: rgb(228,228,228);">Intelligent Machines</h3>
</div>
</div>
<div id="evolution" class="maintime Pheno" style="padding: 0px;padding-bottom: 25px;">
<div class="container" style="margin-bottom: 25px;">
<div style="padding-top: 5px;padding-bottom: 5px;">
<h2 class="text-center" style="color: rgb(255,255,255);">Evolution</h2>
<div class="container cont" style="margin-bottom: 25px;">
<div class="intro" style="padding-top: 5px;padding-bottom: 5px;">
<h2 class="text-center" style="color: rgb(22,133,238);">Evolution</h2>
<p class="text-center" style="color: rgb(121,126,129);">Key events in evolution of Agni as a phenomenon!</p>
</div>
<div class="timeline">
<div data-aos="fade" class="containerDiff right">
@@ -180,28 +189,41 @@ <h3>The Big Bang</h3>
</div>
<section id="explain" class="part Explain">
<h1 style="margin-bottom: 0;">The Explanation</h1>
<p>Agni's activities and outcomes explained.<br></p>
</section>
<div class="div-evol">
<div class="container">
<h2 class="text-center" id="evidences" style="color: rgb(255,255,255);padding: 20px;">Evidences</h2>
<div class="div-evol features-clean evidence" style="background-color: rgb(49,55,58);padding: 0;">
<div class="container cont">
<div class="intro">
<h2 class="text-center" id="evidences" style="color: rgb(22,133,238);padding-top: 25px;">Evidences</h2>
<p class="text-center">Documents and records chronicling Agni's achievement.</p>
</div>
<div class="row">
<div class="col-md-6">
<div class="intro">
<h3 class="text-center" style="color: rgb(228,228,228);">Records</h3>
<div class="intro"><i class="fa fa-address-card-o icon"></i>
<h3 class="text-center subhead" style="color: rgb(228,228,228);">Records</h3>
<p class="text-center" style="color: rgb(125,130,130);">To see how the phenomenon has evolved over time, you can see the records. Click on the button below to see it's curriculum vitae.</p>
</div>
<div class="buttons"><a class="btn btn-secondary" role="button" href="assets/docs/Agni.pdf">Download PDF</a></div>
<div class="buttons bottomstuck"><a class="btn btn-secondary" role="button" href="assets/docs/Agni.pdf">Download PDF</a></div>
</div>
<div class="col-md-6">
<div class="intro">
<h3 class="text-center" style="color: rgb(228,228,228);">Diaries</h3>
<div class="intro"><i class="fa fa-book icon"></i>
<h3 class="text-center subhead" style="color: rgb(228,228,228);">Diaries</h3>
<p class="text-center" style="color: rgb(125,130,130);">Want to know how it thinks and works. Click on the below link to see blogs on various dimensions of the phenomenon.</p>
</div>
<div class="buttons"><a class="btn btn-dark disabled" role="button" href="#">Coming Soon...</a></div>
<div class="buttons bottomstuck"><a class="btn btn-dark disabled" role="button" href="#">Coming Soon...</a></div>
</div>
</div>
</div>
</div>
<div class="projects-clean" style="background-color: rgb(49,55,58);">
<div class="container">
<div class="intro">
<h2 class="text-center" id="experiments" style="color: rgb(23,130,233);padding-top: 25px;">Experiments</h2>
<p class="text-center">Agni's activities and impacts - coming soon!</p>
</div>
<div class="row projects" style="padding-bottom: 30px;"></div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">

0 comments on commit 1dc9009

Please sign in to comment.