Add qhungg theme
This commit is contained in:
Loic Guegan
parent
372d986c03
commit
f3db5473b3
8 changed files with 172 additions and 0 deletions
BIN
bcst/themes/qhungg/background/background.png
Normal file
BIN
bcst/themes/qhungg/background/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
bcst/themes/qhungg/fonts/roboto-mono-medium.ttf
Normal file
BIN
bcst/themes/qhungg/fonts/roboto-mono-medium.ttf
Normal file
Binary file not shown.
BIN
bcst/themes/qhungg/icon/leaf.png
Normal file
BIN
bcst/themes/qhungg/icon/leaf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
27
bcst/themes/qhungg/index.html
Normal file
27
bcst/themes/qhungg/index.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>{{home}}</title>
|
||||||
|
<meta charset ="UTF-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="style/style.css">
|
||||||
|
<link rel="shortcut icon" href="icon/leaf.png" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="box">
|
||||||
|
{% for key,value in bookmarks.items() %}
|
||||||
|
<div class="hvr-grow">
|
||||||
|
<h1>{{key}}</h1>
|
||||||
|
<ul>
|
||||||
|
{% for link_name,url in value.items() %}
|
||||||
|
<li><a href="{{url}}">{{link_name}}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
<form action="https://www.google.com/search" method="GET" class="hvr-shrink">
|
||||||
|
<input type="text" name="q" placeholder="Search" autofocus="autofocus">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
30
bcst/themes/qhungg/resources.json
Normal file
30
bcst/themes/qhungg/resources.json
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
{
|
||||||
|
|
||||||
|
"title": "Home",
|
||||||
|
"bookmarks": {
|
||||||
|
"social": {
|
||||||
|
"facebook": "https://www.facebook.com/",
|
||||||
|
"reddit": "https://reddit.com/",
|
||||||
|
"twitter": "http://twitter.fr",
|
||||||
|
"instagram": "http://instagram.fr"
|
||||||
|
},
|
||||||
|
"media": {
|
||||||
|
"youtube":"https://youtube.com",
|
||||||
|
"9anume":"https://9anime.io",
|
||||||
|
"twitch":"https://twitch.tv",
|
||||||
|
"photos":"https://photos.google.com"
|
||||||
|
},
|
||||||
|
"personal":{
|
||||||
|
"gmail":"https://mail.google.com",
|
||||||
|
"note":"https://keep.google.com",
|
||||||
|
"drive":"https://drive.google.com",
|
||||||
|
"messenger":"https://messenger.com"
|
||||||
|
},
|
||||||
|
"tech":{
|
||||||
|
"/g/":"http://boards.4channel.org/g/",
|
||||||
|
"github":"https://github.com",
|
||||||
|
"w3s": "https://www.w3schools.com/",
|
||||||
|
"stackoverflow": "https://stackoverflow.com/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
109
bcst/themes/qhungg/style/style.css
Normal file
109
bcst/themes/qhungg/style/style.css
Normal file
|
|
@ -0,0 +1,109 @@
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Roboto Mono";
|
||||||
|
src: url("../fonts/roboto-mono-medium.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Change font and colors*/
|
||||||
|
:root {
|
||||||
|
--font: "Roboto Mono";
|
||||||
|
--bgcolor: #262626;
|
||||||
|
--titlecolor: #BBD9E3;
|
||||||
|
--linkcolor: #F1B6A3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-----------------------------------------------------------*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url('../background/background.png');
|
||||||
|
background-color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
div .hvr-grow {
|
||||||
|
background-color: var(--bgcolor);
|
||||||
|
border: solid 4px rgba(255, 255, 255, 0.8);
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-top: 4%;
|
||||||
|
margin-bottom: 4%;
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 1%;
|
||||||
|
width: 140px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
float: right;
|
||||||
|
margin-top: 4%;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
border: solid 4px rgba(255, 255, 255, 0.8);
|
||||||
|
padding: 10px;
|
||||||
|
width: 160px;
|
||||||
|
background-color: var(--bgcolor);
|
||||||
|
color: white;
|
||||||
|
font-family: var(--font);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: var(--font);
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--titlecolor);
|
||||||
|
font-size: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-inline-start: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
line-height: 2em;
|
||||||
|
font-family: var(--font);
|
||||||
|
color: var(--linkcolor);
|
||||||
|
font-size: 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: rgb(222, 222, 222);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Animation*/
|
||||||
|
.hvr-grow {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
-webkit-transform: perspective(1px) translateZ(0);
|
||||||
|
transform: perspective(1px) translateZ(0);
|
||||||
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
||||||
|
-webkit-transition-duration: 0.3s;
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
-webkit-transition-property: transform;
|
||||||
|
transition-property: transform;
|
||||||
|
}
|
||||||
|
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
|
||||||
|
-webkit-transform: scale(1.1);
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvr-shrink {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
-webkit-transform: perspective(1px) translateZ(0);
|
||||||
|
transform: perspective(1px) translateZ(0);
|
||||||
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
||||||
|
-webkit-transition-duration: 0.3s;
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
-webkit-transition-property: transform;
|
||||||
|
transition-property: transform;
|
||||||
|
}
|
||||||
|
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
|
||||||
|
-webkit-transform: scale(0.9);
|
||||||
|
transform: scale(0.9);
|
||||||
|
}
|
||||||
|
|
@ -11,3 +11,9 @@
|
||||||
*Description*:
|
*Description*:
|
||||||
- Author: hungry-hobo
|
- Author: hungry-hobo
|
||||||
- Url: https://github.com/Hungry-Hobo/Homepage
|
- Url: https://github.com/Hungry-Hobo/Homepage
|
||||||
|
|
||||||
|
### qhungg
|
||||||
|
|
||||||
|
*Description*:
|
||||||
|
- Author: Qhungg289
|
||||||
|
- Url: https://github.com/qhungg289/startpage
|
||||||
|
|
|
||||||
BIN
gallery/qhungg.jpg
Normal file
BIN
gallery/qhungg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Loading…
Add table
Reference in a new issue