-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
709 additions
and
49 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| # These Files are empty. | ||
| ./src | ||
| index.js | ||
| contact.html |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,69 @@ | ||
| /* | ||
| SiteHelper by Entertainmasters | ||
| */ | ||
|
|
||
| const Footer = document.getElementById("footer") | ||
| const Header = document.getElementById("header") | ||
| const MobileNavBar = document.getElementById("mobilenavbar") | ||
| const Hamburger = document.getElementById("mnb-hamburger") | ||
|
|
||
| const HeaderHTML = ` | ||
| <a href="index.html" class="logohref"> | ||
| <p class="logo">CopyWealth</p> | ||
| </a> | ||
| <ul class="nav_links"> | ||
| <li><a class="dktl" href="./index.html#about">About</a></li> | ||
| <li><a class="dktl" href="./quotes.html">Quotes</a></li> | ||
| <li><a class="dktl" href="./digital-tools.html">Digital Tools</a></li> | ||
| <li><a class="dktl contactlink" href="https://discord.gg/JSRHqSZ">Get in touch</a></li> | ||
| <li id="mnb-hamburger"><a href="#" id="mnb-hamburger-btn">≡</a></li> | ||
| </ul> | ||
| ` | ||
|
|
||
| const MobileNavBarHTML = ` | ||
| <div class="mnb_links"> | ||
| <a class="mnb-link" href="./index.html#about">About</a> | ||
| <a class="mnb-link" href="./quotes.html">Quotes</a> | ||
| <a class="mnb-link" href="./digital-tools.html">Digital Tools</a> | ||
| <li><a href="https://discord.gg/JSRHqSZ" class="mnb-contactlink mnb-link">Get in touch</a></li> | ||
| </div> | ||
| ` | ||
|
|
||
| const FooterHTML = ` | ||
| <p class="copyright">© Copyright 2022 - ${new Date().getFullYear().toString()} CopyWealth. All Rights Reserved.</p> | ||
| <div class="socials"> | ||
| <a href="https://www.youtube.com/@CopyWealth" class="sociallink"><img class="footersocial" alt="CopyWealth Youtube Link" src="https://copy05.github.io/Portfolio/pics/youtubelogo.png" height="30"></a> | ||
| <a href="https://twitter.com/Copy2OO5" class="sociallink"><img class="footersocial" alt="CopyWealth Twitter Link" src="https://copy05.github.io/Portfolio/pics/twitterlogo.png" height="30"></a> | ||
| <a href="https://discord.gg/JSRHqSZ" class="sociallink"><img class="footersocial" alt="CopyWealth Discord Link" src="https://copy05.github.io/Portfolio/pics/discordlogo.png" height="40"></a> | ||
| <a href="https://instagram.com/copywealthy" class="sociallink"><img class="footersocial" alt="CopyWealth Instagram Link" src="https://copy05.github.io/Portfolio/pics/instagramlogo.png" height="30"></a> | ||
| <a href="https://www.tiktok.com/@copywealth" class="sociallink"><img class="footersocial" alt="CopyWealth Tiktok Link" src="https://entertainmasters.github.io/src/tiktoklogo.png" height="30"></a> | ||
| <a href="https://github.com/Copy05" class="sociallink"><img class="footersocial" alt="CopyWealth Tiktok Link" src="https://copy05.github.io/Portfolio/pics/githubicon.png" height="30"></a> | ||
| </div> | ||
| ` | ||
|
|
||
| document.addEventListener('DOMContentLoaded', e => { | ||
|
|
||
| Footer.innerHTML = FooterHTML; | ||
| Header.innerHTML = HeaderHTML; | ||
| MobileNavBar.innerHTML = MobileNavBarHTML; | ||
|
|
||
| const Hamburger = document.getElementById("mnb-hamburger-btn") | ||
|
|
||
| Hamburger.addEventListener("click", (e) => { | ||
|
|
||
| if(MobileNavBar.style.display === "none"){ | ||
| MobileNavBar.style.display = "block" | ||
| Hamburger.innerText = "X" | ||
| return; | ||
| } | ||
| if(MobileNavBar.style.display === "block"){ | ||
| MobileNavBar.style.display = "none" | ||
| Hamburger.innerText = "≡" | ||
| return; | ||
| } | ||
|
|
||
| }) | ||
|
|
||
| }) | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>CopyWealth - Digital Tools</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="mobile.css"> | ||
| <link rel="shortcut icon" href="favicon.png" type="image/x-icon"> | ||
| <script src="./SiteHelper.js" defer></script> | ||
|
|
||
| <meta name="description" content="CopyWealth is a Motivational and Finance brand that is commited to inspire and transform people to reach their success and become prepared for today's generation and lifestyle."> | ||
|
|
||
| <meta content="en-us" property="locale"/> | ||
| <meta content="CopyWealth" property="og:site_name"> | ||
| <meta content="https://yt3.googleusercontent.com/G4ttyF9zDqSLc0I64NHc63VlFggfdygh7L05YQaNfQI4FFIZOqvpJJxQ661CB835h0s_MGOQXw=s176-c-k-c0x00ffffff-no-rj" property="og:image"> | ||
| <meta content="CopyWealth" property="og:title"> | ||
| <meta content="#e0bb75" data-react-helmet="true" name="theme-color"> | ||
| </head> | ||
| <body> | ||
| <header id="header"></header> | ||
| <div id="mobilenavbar" style="display: none;"></div> | ||
| <div class="dtpagebg"> | ||
| <p class="mpbtxt">The Tools i'm using</p><br> | ||
| <p class="mpbstxt">These Tools I'm using are free to use.</p> | ||
| </div> | ||
|
|
||
| <div id="photography"> | ||
| <p class="sectxt">Photography:</p> | ||
| <p class="ntxt">Graphics are important for your content. Pexels & Unsplash for Stock Images and Leonardo AI for Image Generation Here are the free photography tools i'm using: <br><br></p> | ||
| <div class="digitaltools"> | ||
| <a href="https://app.leonardo.ai/"> | ||
| <img src="https://app.leonardo.ai/img/leonardo-logo.svg" alt="Leonardo AI" class="digitaltool"> | ||
| </a> | ||
| <a href="https://pexels.com/"> | ||
| <img src="https://theme.zdassets.com/theme_assets/9028340/1e73e5cb95b89f1dce8b59c5236ca1fc28c7113b.png" alt="Pexels" class="digitaltool"> | ||
| </a> | ||
| <a href="https://unsplash.com/"> | ||
| <img src="https://cdn-icons-png.flaticon.com/512/5968/5968763.png" alt="Unsplash" class="digitaltool"> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="copywriting"> | ||
| <p class="sectxt">Writing & Research:</p> | ||
| <p class="ntxt">Writing a script or something to research? Perplexity is perfect for you. It's ChatGPT but on steroids: <br><br></p> | ||
| <div class="digitaltools"> | ||
| <a href="https://www.perplexity.ai/"> | ||
| <img src="https://t0.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://perplexity.ai&size=128" alt="Perplexity" class="digitaltool"> | ||
| </a> | ||
| <a href="https://chat.openai.com/"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/0/04/ChatGPT_logo.svg" alt="ChatGPT" class="digitaltool"> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="video editing"> | ||
| <p class="sectxt">Video Editing:</p> | ||
| <p class="ntxt">Editing a video professionally is very important as a content creator. Davinci Resolve is the perfect free video editor for you with the same capacity of premiere pro. Or if you prefer Web Applications there is Veed.IO & CapCut: <br><br></p> | ||
| <div class="digitaltools"> | ||
| <a href="https://www.blackmagicdesign.com/products/davinciresolve"> | ||
| <img src="https://cdn.icon-icons.com/icons2/3053/PNG/512/davinci_resolve_macos_bigsur_icon_190261.png" alt="Davinci Resolve" class="digitaltool"> | ||
| </a> | ||
| <a href="https://www.veed.io/"> | ||
| <img src="https://lh3.googleusercontent.com/Smbc1uzh4llobkcSAEQbEFxfGdB9ZdctpMZZzhElrmyWWTyaPNGAab3Be_X164KS5Gsa5w-qzY4-3auh1eHit-fnvQE=w128-h128-e365-rj-sc0x00ffffff" alt="Veed.io" class="digitaltool"> | ||
| </a> | ||
| <a href="https://www.capcut.com/de-de/"> | ||
| <img src="https://static.vecteezy.com/system/resources/previews/013/948/546/large_2x/capcut-logo-on-transparent-white-background-free-vector.jpg" alt="CapCut" class="digitaltool"> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer id="footer"></footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,72 @@ | ||
| @media only screen and (max-width: 800px) { | ||
|
|
||
| /* Header */ | ||
|
|
||
| header { | ||
| padding: 20px 40px; | ||
| } | ||
|
|
||
| .logo { | ||
| display: inline-block; | ||
| line-height: 40px; | ||
| } | ||
|
|
||
| .contactlink { | ||
| padding: 0px !important; | ||
| background: transparent !important; | ||
| color: rgb(30, 30, 30); | ||
| } | ||
|
|
||
| .nav_links li { | ||
| padding: 0px 10px; | ||
| } | ||
|
|
||
| /* Mobile NavBar */ | ||
|
|
||
| .dktl { | ||
| display: none; | ||
| } | ||
|
|
||
| #mnb-hamburger { | ||
| display: flex; | ||
| font-size: 30px !important; | ||
| } | ||
|
|
||
| .mnb_links { | ||
| display: block; | ||
| } | ||
|
|
||
| /* Page */ | ||
|
|
||
| .mainpagebg, .quotesbg { | ||
| padding: 0px 10px; | ||
| } | ||
|
|
||
| .mpbtxt { | ||
| font-size: 18px; | ||
| } | ||
|
|
||
| .sectxt { | ||
| padding: 20px 0px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .ntxt, .quotesheet { | ||
| font-size: 14px; | ||
| padding: 0px 20px; | ||
| } | ||
|
|
||
| .quotesheet { | ||
| margin: 10px 0px; | ||
| } | ||
|
|
||
| .quotesdownload { | ||
| display: none; | ||
| } | ||
|
|
||
| /* Footer */ | ||
|
|
||
| .copyright { | ||
| font-size: 12px; | ||
| } | ||
| } |
Oops, something went wrong.