Skip to content

Commit

Permalink
Merge branch 'islami00-gh-pages' into gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
islami00 committed Jan 4, 2022
2 parents 73a34cc + 6ca776a commit 999b9c1
Show file tree
Hide file tree
Showing 60 changed files with 16,486 additions and 64 deletions.
11 changes: 11 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@

# Created by https://www.toptal.com/developers/gitignore/api/jekyll
# Edit at https://www.toptal.com/developers/gitignore?templates=jekyll

### Jekyll ###
_site/
.sass-cache/
.jekyll-cache/
.jekyll-metadata

# End of https://www.toptal.com/developers/gitignore/api/jekyll
1 change: 1 addition & 0 deletions _config.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
name: Chocolate network
15 changes: 0 additions & 15 deletions _config.yml

This file was deleted.

6 changes: 6 additions & 0 deletions _data/nav.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
- name: Home
link: '/#home'
- name: About
link: '/#about'
- name: contact
link: '/#contact'
10 changes: 10 additions & 0 deletions _data/siteconfig.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
- discord:
link: https://discord.com/channels/902287748768084009/902288460784762910
- linkedin:
company: chocolate-network
- twitter:
user: ChocNetwork
- medium:
user:
- litepaper:
link:
91 changes: 55 additions & 36 deletions _includes/nav.html
Original file line number Diff line number Diff line change
@@ -1,36 +1,55 @@
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button> -->
<a class="navbar-brand page-scroll" href="#page-top">
<!-- <i class="fa fa-play-circle"></i> -->
<i class="chocolate"></i>
<span class="light">Chocolate</span> Network
</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<!-- <li>
<a class="page-scroll" href="#about">About</a>
</li> -->
<!-- <li>
<a class="page-scroll" href="#download">Download</a>
</li> -->
<!-- <li>
<a class="page-scroll" href="#contact">Contact</a>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- <nav>
{% for item in site.data.nav %}
<li>
<a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a>
</li>
{% endfor %}
</nav> -->
{%assign discord = site.data.siteconfig[0] %}
{%assign linkedin = site.data.siteconfig[1] %}
{%assign twitter = site.data.siteconfig[2] %}
{%assign medium = site.data.siteconfig[3] %}
<nav class="nav nav_social" aria-label="social links">
<ul>
<li>
<a href="{{discord.link}}" class="link " target="_blank"><i class="fab light fa-discord fa-fw"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/company/{{linkedin.company}}" class="link " target="_blank"><i class="fab fa-linkedin fa-fw"></i></a>
</li>
<li>
<a href="https://twitter.com/{{twitter.user}}" class="link " target="_blank"><i class="fab fa-twitter fa-fw"></i></a>
</li>
<li>
<a href="{{medium.user}}" class="link " target="_blank"><i class="fab fa-medium fa-fw"></i></a>
</li>
</ul>
</nav>
<div class="nav-wrap--main">
<nav class="nav nav_main" aria-label="Site menu">
<a class="logo link" href={{'/#home' | relative_url}}
><i class="chocolate"></i><span class="text--light">chocolate <b>network</b></span></a
>
<ul>
<li><a href={{'/#home' | relative_url}} class="link link--dark">home</a></li>
<li><a href={{'/#about' | relative_url}} class="link link--dark">about</a></li>
<li><a href={{'/#footer' | relative_url}} class="link link--dark">contact</a></li>
</ul>
</nav>
</div>
<script>
// make link active if url matches
const links = document.querySelectorAll('.nav_main ul li a');
const hashChange = function () {
var url = window.location.href;
for (var i = 0; i < links.length; i++) {
if (url.indexOf(links[i].href) > -1) {
links[i].classList.add('current');
} else {
links[i].classList.remove('current');
}
}
};
hashChange();
window.addEventListener('hashchange', hashChange);
</script>
35 changes: 22 additions & 13 deletions _layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,14 +1,23 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
{% include nav.html %}
{% include header.html %}
<!-- include about.html -->
<!-- include download.html -->
<!-- include contact.html -->
<!-- include map.html -->
<!-- include footer.html -->
{% include js.html %}
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="{{'/assets/css/styles.css' | relative_url}}" />

<title>Document</title>
</head>
<body>
<header class="head">{% include nav.html %}</header>
<main class="container">{{ content }}</main>
<footer>
<div class="footlinks"></div>
<section class="foot_copyright">
<p>© chocolate network - 2021</p>
</section>
</footer>
</body>
</html>
35 changes: 35 additions & 0 deletions _layouts/home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
---
layout: default
---
{%assign discord = site.data.siteconfig[0] %}
{%assign linkedin = site.data.siteconfig[1] %}
{%assign twitter = site.data.siteconfig[2] %}
{%assign medium = site.data.siteconfig[3] %}
{%assign litepaper = site.data.siteconfig[4] %}
<!-- Two sections, one with the text, theother with the image -->
<!-- add more columns till text fits horizontal -->
<!-- should wrap when size of screen reduces (could set minmax for grid wrapping to rows) -->
<!-- Hence, you would have to convert it to svg and set background?? Nah. You could place them over each other. The background then the transparent image,
like acala did. Would be difficult moving around though, but one thing first, first we do horizontal layout -->

<div class="land">
<!-- From the image, There are only two rows here, and each has its content at the bottom -->
<section class="land_formsection">
<h1><span class="text--thick">Building a safer Web 3.0 future</span> for all.</h1>
<p>Ending scam &amp; spam in crypto once and for all</p>
<div>Form</div>
</section>
<div class="land_links">
<ul>
<!-- Inherit columns up to here -->
<!-- Select each and make them span one col. Select thee last and make it span 2-->
<li><a href="{{discord.link}}" target="_blank" rel="noopener noreferrer" class="button button--transparent"><i class="fab fa-discord fa-fw fa-big"></i></a></li>
<li><a href="https://twitter.com/{{twitter.user}}" target="_blank" rel="noopener noreferrer" class="button button--transparent"><i class="fab fa-twitter fa-fw fa-big"></i></a></li>
<li><a href="{{medium.user}}" target="_blank" rel="noopener noreferrer" class="button button--transparent"><i class="fab fa-medium fa-fw fa-big"></i></a></li>
<li><a href="{{litepaper.link}}" target="_blank" rel="noopener noreferrer" class="button">Lite Paper</a></li>
<!-- The latter styled as a regular button, the formers styled as fitting buttons -->
</ul>
</div>

<img class="land_image" src="{{'/assets/images/splash-logo.webp' | relative_url}}" alt="chocolate X Polkadot and Kusama">
</div>
5 changes: 5 additions & 0 deletions _layouts/posts.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
layout: default
---

{{content}}
39 changes: 39 additions & 0 deletions _posts/2021-12-31-first-blog.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
---
title: First blog
description: this is a description with some random 50 words. generate 50 random words. It should be okay as long as the content is not too long, I think
layout: posts
---

# A Visual Type Scale

What looked like a small patch of purple grass, above five feet square, was moving **across** the sand in their direction.

When it came near enough he perceived that it was not grass; there were no blades, but only purple roots. The roots were revolving, for each small plant in the whole patch, like the spokes of a rimless wheel.

## A Visual Type Scale

What looked like a small patch of purple grass, above five feet square, was moving across the sand in their direction.

When it came near enough he perceived that it was not grass; there were no blades, but only purple roots. The roots were revolving, for each small plant in the whole patch, like the spokes of a rimless wheel.

### A Visual Type Scale

What looked like a small patch of purple grass, above five feet square, was moving across the sand in their direction.

When it came near enough he perceived that it was not grass; there were no blades, but only purple roots. The roots were revolving, for each small plant in the whole patch, like the spokes of a rimless wheel.

#### A Visual Type Scale

What looked like a small patch of purple grass, above five feet square, was moving across the sand in their direction.

When it came near enough he perceived that it was not grass; there were no blades, but only purple roots. The roots were revolving, for each small plant in the whole patch, like the spokes of a rimless wheel.

##### A Visual Type Scale

What looked like a small patch of purple grass, above five feet square, was moving across the sand in their direction.

When it came near enough he perceived that it was not grass; there were no blades, but only purple roots. The roots were revolving, for each small plant in the whole patch, like the spokes of a rimless wheel.

<!-- make this tiny -->

— Excerpt from A Voyage to Arcturus, by David Lindsay.
43 changes: 43 additions & 0 deletions _sass/_molecule_utils.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
// Utils file for molecules. Currently merged with organisms.

// ------ Layout ------
@mixin inherit-grid {
display: grid;
gap: inherit;
}
@mixin grid-col-span-h {
grid-column: 1 / -1;
}
@mixin grid-h-center {
display: grid;
justify-items: center;
}

// -- sizing --
@mixin apply-body-pad($top: true, $lr: true) {
// change mquery if rem changes
@media (max-width: $grid-size + 20px) {
box-sizing: border-box;
@if ($top and $lr) {
padding: $body-padding $body-padding 0;
} @else if ($top) {
padding: $body-padding 0 0;
} @else if ($lr) {
padding: 0 $body-padding;
}
}
}
// ----- Effects ------
@mixin lighten-on-hover {
// update if text is black by default
color: darken($nav-link-text, 10%);
&:hover {
color: $nav-link-text;
}
}
@mixin darken-on-hover {
color: $nav-link-text;
&:hover {
color: darken($nav-link-text, 10%);
}
}
Loading

0 comments on commit 999b9c1

Please sign in to comment.