Skip to content

gradient background AND LINKEDIN link #88

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

gradient background AND LINKEDIN link #88

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 46 additions & 1 deletion src/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,46 @@
<!DOCTYPE html> <html class=oy-auto lang=en style=font-size:62.5%> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <link rel=stylesheet type=text/css href=https://cloud.typography.com/6135554/7605572/css/fonts.css> <title>Modulz – Open-source design system</title> <link href="css/modulz.min.css" rel="stylesheet"></head> <body class="ff-caecilia bc-gray900 color-white tr-optimizeLegibility"> <header class="Section size3 expanded display-flex ai-center jc-center ta-center"> <div class="Container bp1-size3"> <div class=mb-7> <svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 96 96"> <g fill=none fill-rule=evenodd> <path fill=#FF4D4D d="M0 18L22.6 0v36"/> <path fill=#FF2474 d="M47 18L24.6 0v36"/> <path fill=#FF8000 d="M22.6 38L0 56V20"/> <path fill=#FA0 d="M0 58l22.6-18v36"/> <path fill=#7330C0 d="M24.5 38L47 20v36"/> <path fill=#FD0 d="M22.6 78L0 96V60"/> <path fill=#00B8B8 d="M96 18L73.4 0v36"/> <path fill=#4BD28F d="M49 18L71.4 0v36"/> <path fill=#0084FF d="M73.4 38L96 56V20"/> <path fill=#4364D0 d="M96 58L73.4 40v36"/> <path fill=#CCE817 d="M71.5 38L49 20v36"/> <path fill=#4A3BCE d="M73.4 78L96 96V60"/> </g> </svg> </div> <div class=mb-1> <h1 class="Heading size6 bp2-size8 lh-7 bp2-lh-9">Modulz Design System</h1> </div> <div class=mb-7> <h2 class="Heading size3 bp2-size5 lh-5 bp2-lh-7 thin color-gray500">An open&ndash;source design system of styles, components, templates, tools and documentation.</h2> </div> <div class="display-flex jc-center fw-wrap"> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://twitter.com/modulz target=_blank>Twitter</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://github.com/modulz/modulz target=_blank>Github</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/showcase>Showcase</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/overview/installation.html>Documentation</a> </div> </div> </div> </header> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-12761608-17","auto"),ga("send","pageview")</script> <script type="text/javascript" src="js/modulz.min.js"></script></body> </html>
<!DOCTYPE html> <html class=oy-auto lang=en style=font-size:62.5%>
<head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1">
<meta http-equiv=X-UA-Compatible content="ie=edge"> <link rel=stylesheet type=text/css href=https://cloud.typography.com/6135554/7605572/css/fonts.css>
<title>Modulz – Open-source design system</title>
<style>

.gradient-background {
background: linear-gradient(45deg, #00008B, #0000CD, #00008B, #0000CD);
background-size: 400% 400%;
animation: gradientAnimation 10s ease infinite;
}

@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
</style>
<link href="css/modulz.min.css" rel="stylesheet"></head>
<body class="ff-caecilia bc-gray900 color-white tr-optimizeLegibility gradient-background">

<header class="Section size3 expanded display-flex ai-center jc-center ta-center">
<div class="Container bp1-size3"> <div class=mb-7> <svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 96 96">
<g fill=none fill-rule=evenodd> <path fill=#FF4D4D d="M0 18L22.6 0v36"/> <path fill=#FF2474 d="M47 18L24.6 0v36"/>
<path fill=#FF8000 d="M22.6 38L0 56V20"/> <path fill=#FA0 d="M0 58l22.6-18v36"/> <path fill=#7330C0 d="M24.5 38L47 20v36"/>
<path fill=#FD0 d="M22.6 78L0 96V60"/> <path fill=#00B8B8 d="M96 18L73.4 0v36"/> <path fill=#4BD28F d="M49 18L71.4 0v36"/>
<path fill=#0084FF d="M73.4 38L96 56V20"/> <path fill=#4364D0 d="M96 58L73.4 40v36"/> <path fill=#CCE817 d="M71.5 38L49 20v36"/>
<path fill=#4A3BCE d="M73.4 78L96 96V60"/> </g> </svg> </div> <div class=mb-1>
<h1 class="Heading size6 bp2-size8 lh-7 bp2-lh-9 bold-black-text-shadow">Modulz Design System</h1> </div>
<div class=mb-7>
<h2 class="Heading size3 bp2-size5 lh-5 bp2-lh-7 thin color-gray500 bold-black-text-shadow">An open&ndash;source design system of styles, components, templates, tools and documentation.</h2> </div>
<div class="display-flex jc-center fw-wrap"> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://twitter.com/modulz target=_blank>Twitter</a> </div>
<a href="https://www.linkedin.com" target="_blank">
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<img src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" alt="LinkedIn" style="width:20px;height:20px;">
</a>
<div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=https://github.com/modulz/modulz target=_blank>Github</a> </div> <div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/showcase>Showcase</a> </div>
<div class=mr-4> <a class="fs-5 color-blue500 color-blue300--hover" href=/overview/installation.html>Documentation</a> </div>
</div> </div> </header> <script>
!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||
function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-12761608-17","auto"),ga("send","pageview")</script>
<script type="text/javascript" src="js/modulz.min.js"></script></body> </html>