Skip to content
Snippets Groups Projects
Commit 6930ff0f authored by Joel Joos's avatar Joel Joos
Browse files

Added drawio & CodiMD Buttons

parent e8d82944
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
joos.io/homepage/assets/css/style.css
+ 55
− 3
View file @ 6930ff0f
......@@ -186,7 +186,7 @@ h1 {
width: 60px;
}
/* Cloud Button */
/* Streama Button */
.btn-streama {
background: #8bb7c9;
......@@ -212,7 +212,7 @@ h1 {
width: 60px;
}
/* Cloud Button */
/* Home Button */
.btn-home {
background: #b07e4b;
......@@ -236,4 +236,56 @@ h1 {
line-height: 3;
font-size: 140%;
width: 60px;
}
\ No newline at end of file
}
/* Drawio Button */
.btn-drawio {
background: #f08805;
color: #fff;
}
.btn-drawio:hover {
background: #f4ab50; /*4th tint*/
}
.btn-drawio:active {
background: #a85f03; /*4th shade*/
top: 2px;
}
.btn-drawio:before {
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 3;
font-size: 140%;
width: 60px;
}
/* CodiMD Button */
.btn-codimd {
background: #000000;
color: #fff;
}
.btn-codimd:hover {
background: #4c4c4c; /*4th tint*/
}
.btn-codimd:active {
background: #000000; /*4th shade*/
top: 2px;
}
.btn-codimd:before {
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 3;
font-size: 140%;
width: 60px;
}
joos.io/homepage/assets/index.html
+ 7
− 5
View file @ 6930ff0f
......@@ -13,10 +13,6 @@
</head>
<body>
<!--
TODOs:
Background Radient (Sunrise colors oder so)
-->
<h1>Di Besta Links</h1>
<div class="row">
<div class="column">
......@@ -56,6 +52,12 @@
<div class="row">
<a href="https://pwm.joos.io"><button class="btn btn-bitwarden"><i class="fi-xnsuxl-key-alt-solid"></i> Bitwarden</button></a>
</div>
<div class="row">
<a href="https://draw.joos.io"><button class="btn btn-drawio"><i class="fi-xwsuxl-pen"></i> draw.io</button></a>
</div>
<div class="row">
<a href="https://codimd.joos.io"><button class="btn btn-codimd"><i class="fi-xnluxl-code"></i> CodiMD</button></a>
</div>
</div>
</div>
......@@ -63,4 +65,4 @@
</body>
</html>
\ No newline at end of file
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment