fixed some css
This commit is contained in:
parent
0af4fa30da
commit
e273d25e39
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
|
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{
|
.page-bg{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
inset:0;
|
inset:0;
|
||||||
|
|
@ -830,6 +817,14 @@ display-imagebody,html{
|
||||||
.embed-wrap-inside:after{
|
.embed-wrap-inside:after{
|
||||||
width:93%
|
width:93%
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-container {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
padding: 3rem 0 1.5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:480px){
|
@media (max-width:480px){
|
||||||
|
|
|
||||||
16
index.html
16
index.html
|
|
@ -32,13 +32,6 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>
|
<canvas class="background-canvas" id="backgroundCanvas" aria-hidden="true"></canvas>
|
||||||
|
|
||||||
<div class="min-h-full flex-h-center" id="background_div">
|
<div class="min-h-full flex-h-center" id="background_div">
|
||||||
|
|
@ -337,7 +330,7 @@
|
||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="./assets/js/background.js" defer></script>
|
|
||||||
|
|
||||||
<!-- SVG Dump -->
|
<!-- SVG Dump -->
|
||||||
<svg style="display: none;">
|
<svg style="display: none;">
|
||||||
|
|
@ -426,12 +419,7 @@
|
||||||
|
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
<script src="./assets/js/background.js" defer></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<!--
|
|
||||||
A different snowfall
|
|
||||||
<script src="assets/js/snowfall.js"></script>
|
|
||||||
-->
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue