rework #11
21
LICENSE
21
LICENSE
|
|
@ -1,21 +0,0 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2023 Vitor Antoni
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
47
README.md
47
README.md
|
|
@ -1,47 +0,0 @@
|
|||
# Linktree Template
|
||||
### Presentation
|
||||
Hi there. How are you? Hope you're fine. 😁
|
||||
|
||||
In this repository, I would like to make available a website template for people who wants to share your's most important links in any social media. It's very customizable, so you are able to make any changes that you wants.
|
||||
|
||||
If necessary, feel free for ask or suggest me about anything. Intend to monitor this repository every day.
|
||||
|
||||
## 🎯 Website demo
|
||||
|
||||
|
||||
|
||||
## 💻 Somethings you can do
|
||||
The `index.html` can imports two differents snowfall effects, but you must choose between one of these.
|
||||
> Don't use both at the same time, it might seem a little strange.
|
||||
|
||||
If you want to keep default effect, don't change the lines where are this code:
|
||||
```
|
||||
<!-- Snowfall Background Animation -->
|
||||
<section class="animated-background">
|
||||
<div id="stars1"></div>
|
||||
<div id="stars2"></div>
|
||||
<div id="stars3"></div>
|
||||
</section>
|
||||
<!-- End of Snowfall Background Animation -->
|
||||
```
|
||||
|
||||
But, if you want, comment this code above. After commenting the code above, go to the end of `index.html`, you may see a code code like that:
|
||||
```
|
||||
<!--
|
||||
A different snowfall
|
||||
<script src="snowfall.js"></script>
|
||||
-->
|
||||
```
|
||||
Uncomment this code and press `ctrl+s` for see the updates in your website.
|
||||
|
||||
## 📑 Additional Information
|
||||
This project was developed to contribute to the *open source* movement. Therefore, it doesn't have any complex code here.
|
||||
|
||||
I liked this project so much that I used it to develop a website for myself. You can see it [clicking here](https://links.vitor-antoni.com.br).
|
||||
|
||||
Furthermore, I must to give the credit to these people, that I got some pieces of code from their own projects to develop this.
|
||||
|
||||
[©️ johnggli](https://github.com/johnggli/linktree) <br>
|
||||
[©️ SamirPaul1](https://github.com/SamirPaul1/links)
|
||||
|
||||
In case you are interested to follow or conected with me on LinkedIn, you can do it in this link: [LinkedIn](linkedin.com/in/vitor-silva-de-antoni/)
|
||||
|
|
@ -156,19 +156,6 @@ display-imagebody,html{
|
|||
font-weight:600
|
||||
}
|
||||
|
||||
.color-white{
|
||||
color:#fff
|
||||
}
|
||||
.color-gray{
|
||||
color:hsla(0,0%,100%,.9)
|
||||
}
|
||||
.color-dark{
|
||||
color:#222
|
||||
}
|
||||
.color-danger{
|
||||
color:#ff4963
|
||||
}
|
||||
|
||||
.page-bg{
|
||||
position:fixed;
|
||||
inset:0;
|
||||
|
|
@ -830,6 +817,14 @@ display-imagebody,html{
|
|||
.embed-wrap-inside:after{
|
||||
width:93%
|
||||
}
|
||||
|
||||
.main-container {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 3rem 0 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px){
|
||||
|
|
|
|||
16
index.html
16
index.html
|
|
@ -32,13 +32,6 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Snowfall Background Animation
|
||||
<section class="animated-background">
|
||||
<div id="stars1"></div>
|
||||
<div id="stars2"></div>
|
||||
<div id="stars3"></div>
|
||||
</section>
|
||||
End of Snowfall Background Animation -->
|
||||
<canvas class="background-canvas" id="backgroundCanvas" aria-hidden="true"></canvas>
|
||||
|
||||
<div class="min-h-full flex-h-center" id="background_div">
|
||||
|
|
@ -337,7 +330,7 @@
|
|||
</p>
|
||||
</footer>
|
||||
|
||||
<script src="./assets/js/background.js" defer></script>
|
||||
|
||||
|
||||
<!-- SVG Dump -->
|
||||
<svg style="display: none;">
|
||||
|
|
@ -426,12 +419,7 @@
|
|||
|
||||
</svg>
|
||||
|
||||
|
||||
<script src="./assets/js/background.js" defer></script>
|
||||
</body>
|
||||
|
||||
<!--
|
||||
A different snowfall
|
||||
<script src="assets/js/snowfall.js"></script>
|
||||
-->
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue