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*:
|
||||
- Author: hungry-hobo
|
||||
- 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