Skip to content

Commit

Permalink
feat: Tari Universe hero section added to the homepage (#257)
Browse files Browse the repository at this point in the history 
This updates the tari.com homepage with a new Tari Universe Hero
section.

I also added a .prettierrc file to help with auto code formatting. 

![CleanShot 2024-10-17 at 17 26
17](https://github.com/user-attachments/assets/15182e9f-a641-4cde-bcb1-882af798a7f8)

![CleanShot 2024-10-17 at 17 29
49](https://github.com/user-attachments/assets/87127e27-7a3c-49a7-a5dd-8a4403412a98)
  • Loading branch information
@peps
peps authored Oct 17, 2024
1 parent f9879a6 commit a7d1312
Show file tree
Hide file tree
Showing 7 changed files with 831 additions and 745 deletions.
13 changes: 13 additions & 0 deletions .prettierrc
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"printWidth": 240,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "always",
"endOfLine": "lf",
"htmlWhitespaceSensitivity": "css"
}
202 changes: 102 additions & 100 deletions _includes/head.html
View file
Original file line number Diff line number Diff line change
@@ -1,115 +1,118 @@

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>{{ page.title }}</title>



<!-- Meta Data -->

<meta property="og:title" content="Tari">
<meta property="og:description" content="The protocol for digital assets">
<meta property="og:image" content="{{ site.url }}assets/img/meta-image.jpg">
<meta property="og:url" content="{{ site.url }}">
<meta property="og:title" content="Tari" />
<meta property="og:description" content="The protocol for digital assets" />
<meta property="og:image" content="{{ site.url }}assets/img/meta-image.jpg" />
<meta property="og:url" content="{{ site.url }}" />

<meta name="twitter:title" content="Tari">
<meta name="twitter:description" content="The protocol for digital assets">
<meta name="twitter:image" content="{{ site.url }}assets/img/meta-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Tari" />
<meta name="twitter:description" content="The protocol for digital assets" />
<meta name="twitter:image" content="{{ site.url }}assets/img/meta-image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@tari" />

<meta name="google-site-verification" content="RvtbEVoD5TsNJesBvJc5JJqh01QIr1tnGVgnVghnXO8" />


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/normalize.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/animsition.min.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/animate.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/faq.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/fonts.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/rustpen.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/notes.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/FontAwesome/css/font-awesome.css">

<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/githubIssues.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/downloads.css">

<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/assets/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/assets/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/assets/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/assets/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/assets/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/assets/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/assets/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/assets/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="{{ site.baseurl }}/assets/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="{{ site.baseurl }}/assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="{{ site.baseurl }}/assets/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ site.baseurl }}/assets/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/normalize.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/animsition.min.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/animate.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/faq.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/fonts.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/rustpen.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/notes.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/FontAwesome/css/font-awesome.css" />

<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/githubIssues.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/downloads.css" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/universe.css" />

<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/assets/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/assets/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/assets/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/assets/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/assets/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/assets/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/assets/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/assets/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="{{ site.baseurl }}/assets/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="{{ site.baseurl }}/assets/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicon/favicon-16x16.png" />
<link rel="manifest" href="{{ site.baseurl }}/assets/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="{{ site.baseurl }}/assets/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<!-- Globals -->
<script>
const Tari = {
baseurl: '{{ site.baseurl }}',
url: '{{ site.url }}',
issuesCachingURL: '{{ site.tari_cache_url }}/issues',
s3BucketURL: '{{ site.tari_cache_url }}/s3',
telegramCachingURL: '{{ site.tari_cache_url }}/telegram',
githubIssuesPlaceholder: {
"tari-project/tari": {
"total": 0,
"buckets": {
"documentation": {
"total": 0,
"data": Array.from({length: 5}).map(_ => ({title: "Loading...", html_url: "#", number: "Loading...", created_at: new Date(), body: "Loading...",user: {login: "Loading..."}, labels: [{name: "Loading...", color: "#555"}]}))
},
"tests": {
"total": 0,
"data": []
},
"other": {
"total": 0,
"data": []
}
}
const Tari = {
baseurl: '{{ site.baseurl }}',
url: '{{ site.url }}',
issuesCachingURL: '{{ site.tari_cache_url }}/issues',
s3BucketURL: '{{ site.tari_cache_url }}/s3',
telegramCachingURL: '{{ site.tari_cache_url }}/telegram',
githubIssuesPlaceholder: {
'tari-project/tari': {
total: 0,
buckets: {
documentation: {
total: 0,
data: Array.from({ length: 5 }).map((_) => ({
title: 'Loading...',
html_url: '#',
number: 'Loading...',
created_at: new Date(),
body: 'Loading...',
user: { login: 'Loading...' },
labels: [{ name: 'Loading...', color: '#555' }],
})),
},
tests: {
total: 0,
data: [],
},
other: {
total: 0,
data: [],
},
"tari-project/wallet-ios": {
"total": 0,
"buckets": {
"documentation": { "total": 0, "data": [] },
"tests": { "total": 0, "data": [] },
"other": {
"total": 0,
"data": []
}
}
}
},
},
githubIssues: [
{
dataKey: "tari-project/tari",
elementPrefix: "protocol",
'tari-project/wallet-ios': {
total: 0,
buckets: {
documentation: { total: 0, data: [] },
tests: { total: 0, data: [] },
other: {
total: 0,
data: [],
},
},
{
dataKey: "tari-project/wallet-ios",
elementPrefix: "wallet",
}
],
}
},
},
githubIssues: [
{
dataKey: 'tari-project/tari',
elementPrefix: 'protocol',
},
{
dataKey: 'tari-project/wallet-ios',
elementPrefix: 'wallet',
},
],
};
</script>

<script src="{{ site.baseurl }}/assets/js/jquery-3.7.0.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/animsition.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/jquery.viewportchecker.js"></script>



<!--Rustpen scripts-->
<script defer src="{{ site.baseurl }}/assets/js/ace.js" type="text/javascript"></script>
<script defer src="{{ site.baseurl }}/assets/js/mode-rust.js" type="text/javascript"></script>
Expand All @@ -124,17 +127,16 @@
<script src="{{ site.baseurl }}/assets/js/functions.js"></script>

<!-- Kapa.ai -->
{% if site.kapa.data-website-id %}
{% include kapa.html %}
{% endif %}

{% if site.kapa.data-website-id %} {% include kapa.html %} {% endif %}

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-61WER6XQRY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'G-61WER6XQRY');
gtag('config', 'G-61WER6XQRY');
</script>
27 changes: 15 additions & 12 deletions assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -263,8 +263,7 @@ lottie-player {
display: block;
width: inherit;
height: inherit;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat
calc(0 * var(--root-size)) top;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat calc(0 * var(--root-size)) top;
background-size: calc(8 * var(--root-size)) auto;
}
#viewport aside#mobileSidebar #mobileNav {
Expand Down Expand Up @@ -340,8 +339,7 @@ lottie-player {
display: block;
width: inherit;
height: inherit;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat
center;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat center;
background-size: contain;
}
#viewport aside.mainMenu {
Expand All @@ -368,17 +366,15 @@ lottie-player {
display: block;
width: inherit;
height: inherit;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat
center;
background: url('{{ site.baseurl }}/assets/img/tari-logo.svg') no-repeat center;
background-size: contain;
}
#viewport #menu h2,
#viewport #mobileMenu h2 {
font-family: Din-Bold, 'Din-Bold', 'Myriad Pro', Arial, Verdana !important;
font-size: calc(2.4 * var(--root-size));
line-height: calc(3 * var(--root-size));
margin: calc(2 * var(--root-size)) 0 calc(2 * var(--root-size))
calc(5 * var(--root-size));
margin: calc(2 * var(--root-size)) 0 calc(2 * var(--root-size)) calc(5 * var(--root-size));
text-transform: uppercase;
}
#viewport #menu ul,
Expand Down Expand Up @@ -486,8 +482,7 @@ lottie-player {
margin-bottom: 0;
}
#viewport #mobileMenu h2 {
margin: calc(3 * var(--root-size)) 0 calc(2 * var(--root-size))
calc(3.2 * var(--root-size));
margin: calc(3 * var(--root-size)) 0 calc(2 * var(--root-size)) calc(3.2 * var(--root-size));
}
#viewport #mobileMenu ul {
margin: 0 0 calc(3 * var(--root-size)) calc(1 * var(--root-size));
Expand Down Expand Up @@ -663,7 +658,6 @@ lottie-player {

/* Home page */
.home #viewport section.main {
padding: 0 5%;
position: relative;
}
.home #viewport section.main img {
Expand Down Expand Up @@ -777,9 +771,18 @@ lottie-player {

/* Subpage */
.subpage #viewport section.main {
padding: 0 8%;
position: relative;
padding: 0 8%;
}

.subpage #viewport section.main .home-padding {
padding: 0 8%;
}

.home #viewport section.main {
padding: 0;
}

.blog #viewport section.main .content {
padding: 200px 0 100px 0;
max-width: var(--max-content-width);
Expand Down
Loading

0 comments on commit a7d1312

Please sign in to comment.