diff --git a/bcst/themes/qhungg/background/background.png b/bcst/themes/qhungg/background/background.png new file mode 100644 index 0000000..a102304 Binary files /dev/null and b/bcst/themes/qhungg/background/background.png differ diff --git a/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf b/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf new file mode 100644 index 0000000..c496725 Binary files /dev/null and b/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf differ diff --git a/bcst/themes/qhungg/icon/leaf.png b/bcst/themes/qhungg/icon/leaf.png new file mode 100644 index 0000000..1617b1a Binary files /dev/null and b/bcst/themes/qhungg/icon/leaf.png differ diff --git a/bcst/themes/qhungg/index.html b/bcst/themes/qhungg/index.html new file mode 100644 index 0000000..d344fdc --- /dev/null +++ b/bcst/themes/qhungg/index.html @@ -0,0 +1,27 @@ + + + + {{home}} + + + + + +
+ {% for key,value in bookmarks.items() %} +
+

{{key}}

+ +
+ {% endfor %} + +
+ +
+
+ + diff --git a/bcst/themes/qhungg/resources.json b/bcst/themes/qhungg/resources.json new file mode 100644 index 0000000..c7ea04d --- /dev/null +++ b/bcst/themes/qhungg/resources.json @@ -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/" + } + } +} diff --git a/bcst/themes/qhungg/style/style.css b/bcst/themes/qhungg/style/style.css new file mode 100644 index 0000000..5d4a7d3 --- /dev/null +++ b/bcst/themes/qhungg/style/style.css @@ -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); +} diff --git a/gallery/README.md b/gallery/README.md index 7935b4e..0dc6778 100644 --- a/gallery/README.md +++ b/gallery/README.md @@ -11,3 +11,9 @@ *Description*: - Author: hungry-hobo - Url: https://github.com/Hungry-Hobo/Homepage + +### qhungg +![Qhungg](qhungg.jpg) +*Description*: +- Author: Qhungg289 +- Url: https://github.com/qhungg289/startpage diff --git a/gallery/qhungg.jpg b/gallery/qhungg.jpg new file mode 100644 index 0000000..1a62902 Binary files /dev/null and b/gallery/qhungg.jpg differ