refactor: update social links

This commit is contained in:
Derrick Hammer 2023-08-13 04:57:52 -04:00
parent 7979a66675
commit afeb5e278c
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
2 changed files with 71 additions and 76 deletions

View File

@ -4,35 +4,33 @@ import './Why.scss';
import svgGithub from '/src/assets/github.svg?raw'; import svgGithub from '/src/assets/github.svg?raw';
import svgDiscord from '/src/assets/discord.svg?raw'; import svgDiscord from '/src/assets/discord.svg?raw';
import svgTwitter from '/src/assets/twitter.svg?raw'; import svgTwitter from '/src/assets/twitter.svg?raw';
import svgFacebook from '/src/assets/facebook.svg?raw';
--- ---
<section id="why"> <section id="why">
<div> <div>
<div class="feature-group"> <div class="feature-group">
<h2> <h2>
Powered by you Powered by you
</h2> </h2>
<h3> <h3>
Why we ask for your donations Why we ask for your donations
</h3> </h3>
<p> <p>
Lume Web is a small initiative with big ideas and a unique vision. We rely on the community and crypto whales to support us in building technology that empowers internet users. The current internet is controlled by a few, turning users into products in exchange for "free" services, making us batteries in the matrix. Lume Web is a small initiative with big ideas and a unique vision. We rely on the community and crypto
</p> whales to support us in building technology that empowers internet users. The current internet is
<div class="socials"> controlled by a few, turning users into products in exchange for "free" services, making us batteries in
<a href="#" title="GitHub" class="github-logo"> the matrix.
<Fragment set:html={svgGithub} /> </p>
</a> <div class="socials">
<a href="#" title="Discord" class="discord-logo"> <a href="https://github.com/LumeWeb" title="GitHub" class="github-logo">
<Fragment set:html={svgDiscord} /> <Fragment set:html={svgGithub}/>
</a> </a>
<a href="#" title="Twitter" class="twitter-logo"> <a href="https://discord.gg/qpC8ADp3rS" title="Discord" class="discord-logo">
<Fragment set:html={svgTwitter} /> <Fragment set:html={svgDiscord}/>
</a> </a>
<a href="#" title="Facebook" class="facebook-logo"> <a href="https://twitter.com/lumeweb3" title="Twitter" class="twitter-logo">
<Fragment set:html={svgFacebook} /> <Fragment set:html={svgTwitter}/>
</a> </a>
</div> </div>
</div> </div>
</div>
</section> </section>

View File

@ -8,57 +8,54 @@ import svgOsi from '/src/assets/osi.svg?raw';
import svgGithub from '/src/assets/github.svg?raw'; import svgGithub from '/src/assets/github.svg?raw';
import svgDiscord from '/src/assets/discord.svg?raw'; import svgDiscord from '/src/assets/discord.svg?raw';
import svgTwitter from '/src/assets/twitter.svg?raw'; import svgTwitter from '/src/assets/twitter.svg?raw';
import svgFacebook from '/src/assets/facebook.svg?raw';
--- ---
<section id="install"> <section id="install">
<div> <div>
<h1> <h1>
Introducing the private <span class="larger">gateway to <span class="highlight">Web3.</span></span> Introducing the private <span class="larger">gateway to <span class="highlight">Web3.</span></span>
</h1> </h1>
<p> <p>
Gain freedom on a new web, owned by its users, and with <span class="highlight">privacy</span> and <span class="highlight">control</span> built-in. Gain freedom on a new web, owned by its users, and with <span class="highlight">privacy</span> and <span
</p> class="highlight">control</span> built-in.
<div class="install"> </p>
<a href="#" class="btn-main">Install Web3 Extension</a> <div class="install">
<div class="powered-by"> <a href="#" class="btn-main">Install Web3 Extension</a>
<a href="https://sia.tech" title="Sia" class="sia-logo"> <div class="powered-by">
<Fragment set:html={svgSia} /> <a href="https://sia.tech" title="Sia" class="sia-logo">
</a> <Fragment set:html={svgSia}/>
<a href="https://handshake.org" title="Handshake" class="hns-logo"> </a>
<Fragment set:html={svgHns} /> <a href="https://handshake.org" title="Handshake" class="hns-logo">
</a> <Fragment set:html={svgHns}/>
<a href="https://opensource.org/osd/" title="Open Source Initiative" class="osi-logo"> </a>
<Fragment set:html={svgOsi} /> <a href="https://opensource.org/osd/" title="Open Source Initiative" class="osi-logo">
</a> <Fragment set:html={svgOsi}/>
</div> </a>
</div>
</div>
</div> </div>
</div> <div class="resources">
<div class="resources"> <ul class="links">
<ul class="links"> <li>
<li> <a href="https://github.com/LumeWeb">View on GitHub</a>
<a href="#">View on GitHub</a> </li>
</li> <li>
<li> <a href="https://lumeweb.com">Learn more about Lume</a>
<a href="https://lumeweb.com">Learn more about Lume</a> </li>
</li> <li>
<li> <a href="/donate">Donate</a>
<a href="/donate">Donate</a> </li>
</li> </ul>
</ul> <div class="socials">
<div class="socials"> <a href="https://github.com/LumeWeb" title="GitHub" class="github-logo">
<a href="#" title="GitHub" class="github-logo"> <Fragment set:html={svgGithub}/>
<Fragment set:html={svgGithub} /> </a>
</a> <a href="https://discord.gg/qpC8ADp3rS" title="Discord" class="discord-logo">
<a href="#" title="Discord" class="discord-logo"> <Fragment set:html={svgDiscord}/>
<Fragment set:html={svgDiscord} /> </a>
</a> <a href="https://twitter.com/lumeweb3" title="Twitter" class="twitter-logo">
<a href="#" title="Twitter" class="twitter-logo"> <Fragment set:html={svgTwitter}/>
<Fragment set:html={svgTwitter} /> </a>
</a> </div>
<a href="#" title="Facebook" class="facebook-logo">
<Fragment set:html={svgFacebook} />
</a>
</div> </div>
</div>
</section> </section>