From 2b8d6091349f52744744b952eefecb43aa43afc6 Mon Sep 17 00:00:00 2001 From: Dany LE Date: Tue, 3 Jan 2023 22:52:17 +0100 Subject: [PATCH] Add github ribbon --- css/github-ribbon.css | 62 ++++++++++++++++++++++++++++++++++++++++++ css/style.css | 17 ++++++++---- icon/antos-16x16.png | Bin 677 -> 704 bytes index.html | 11 ++++---- 4 files changed, 79 insertions(+), 11 deletions(-) create mode 100644 css/github-ribbon.css diff --git a/css/github-ribbon.css b/css/github-ribbon.css new file mode 100644 index 0000000..b13f854 --- /dev/null +++ b/css/github-ribbon.css @@ -0,0 +1,62 @@ +#forkongithub a{ + background:#5856D6; + color:#fff; + text-decoration:none; + font-family:Ubuntu,sans-serif; + text-align:center; + font-weight:bold; + padding:5px 40px; + /*font-size:1rem;*/ + line-height:2rem; + position:relative; + transition:0.5s; +} +#forkongithub a:hover{ + background:#ff8800; + color:#fff; +} +#forkongithub a::before,#forkongithub a::after{ + content:""; + width:100%; + display:block; + position:absolute; + top:1px; + left:0; + height:1px; + background:transparent; + border-top: 1px dashed #fff; +} +#forkongithub a::after{ + bottom:1px; + top:auto; +} +@media screen and (min-width:321px) { + #forkongithub { + position:absolute; + display:block; + top:0; + right:0; + width:150px; + overflow:hidden; + height:150px; + z-index:970; + } + #forkongithub a{ + width:200px; + position:absolute; + top:20px; + right:-60px; + transform:rotate(45deg); + -webkit-transform:rotate(45deg); + -ms-transform:rotate(45deg); + -moz-transform:rotate(45deg); + -o-transform:rotate(45deg); + box-shadow:4px 4px 10px rgba(0,0,0,0.8); + } +} + +@media (max-width: 320px) { + #forkongithub { + display: none; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index bb06774..7068183 100644 --- a/css/style.css +++ b/css/style.css @@ -20,7 +20,7 @@ @import url(normalize.css); @import url(owl.carousel.min.css); - +@import url(github-ribbon.css); /* @import url(font-awesome.min.css); @import url(normalize.css); @@ -146,7 +146,7 @@ p { } a { - color: rgb(28, 63, 135); + color: #5856D6; text-decoration: none; outline: none !important; } @@ -309,6 +309,8 @@ a.article:hover { ul.btn { float: right; + padding-right: 100px; + padding-top: 20px; } ul.btn li { @@ -372,7 +374,7 @@ ul.btn li.down_btn:hover a { .header { width: 100%; - background: #11aeef; + background: #5e548e; padding: 30px 30px 0px 30px; position: relative; z-index: 960; @@ -395,7 +397,7 @@ ul.btn li.down_btn:hover a { /** banner section **/ .banner_main { - background: #11aeef; + background: #5e548e; padding: 0 0 90px 0; } @@ -656,9 +658,12 @@ ul.easy li a:hover { /** work section **/ .work { - background: #0192c8;; + background: #5e548e; padding: 50px 0; } +.work a{ + color: #D69856; +} .work .titlepage { @@ -931,7 +936,7 @@ ul.social_icon li a i:hover { .copyright { margin-top: 30px; padding: 15px 0; - background: #0192c8; + background: #5e548e; } .copyright p { diff --git a/icon/antos-16x16.png b/icon/antos-16x16.png index d8f8237a7dd9a123274c2f033a11cfbd843dca00..e7d4f6c01e973221245cfec389493af673daf36e 100644 GIT binary patch delta 621 zcmV-z0+Riu1;7Q6UVlwVL_t(Ijct=nNR&|&hM#lq=cN6jwbm9D)JTx478%Moo1jf# zV33=Nf}l-`jTD26{0WpGP{?go;39BQ6grO4qBMwt%qWOZT8%+LY2SSJo)+WS=yaCn zyyrd7xj&++l*aTx7#lCJzv42pim!iRV53!n<8v-tY zEF@B1bl6* zjE+s*%I(--P!n@Q3W;J;RdYV?ngNS)H^`fjsotp9MQ%yG%xrVjOHX_A4FHnq{}cD# zzAa2%H@GRre1Ai=b0xI#s={g)H|!28#@YkMtGQ6xT&T(}qq?L<&u-t!&b92XQi(!U z6Txcm(&b%~b9O+yjidTuBZWyCklHc>t78CBg*$`rz*_eS>yl1_ zQ$Se4QD+J?{6u*HECQ$xasbxbSHN$;s&XeLtSXF^%zyGm@%Pl&+C;Z)Or&fbDjlls zC_wXdK6>;7umn^(Tw2i464pht8s<7$y7*CKN_3k+W3)coLnS~m70gsxdkCZpl{eq_ z1+yr*!dd%gviT_kO!fO4s(LU8ZF^IisI1=SW`PEX&hVq*|iId09*b?1~`G? z<T7(Nh2wDgdQM7bXA}J4^!ZvGtGBfj8o(2 zUA_12x#!+{I8SCqaU|7OYjEAcVzZ4tP3X>fVU0fil83j@WPih-it%3I@JyY7!_+)5 z)B~(EGkSbZx-S?oKm?v=$o_b*8|x=+B3r0)h2le0zc7dbWngdS={_Ln&%>-IVj~@* zd~u6?r`{@7v4h|s)kC0*g-7AO8D3kSjL9sOkLMH}bmYDoE?GwU%bfb_0F+#wd0^6~1Np=%|@2&xQQ7rK%rQ?;E>?We6rkwl#no6xJwME`hc?;7BO}Fa_YT(IqsM!(Rr@2wejH6yc7#d_#T#v%pGT zS$)svy?4L{;29dvl1%~AMQixZU^+{tI%4s&5k_kb-G4G@0%)ohCpO^!BZw*H&XK+>m;i!%PsSD~9w8XR27G{B6U?f&CV;z2-e3iftQyQX ga!(^b07*qoM6N<$f{4cq1poj5 diff --git a/index.html b/index.html index a104601..81aecb3 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ - AntOS Cloud-based working environment + AntOS Cloud-based web desktop @@ -29,6 +29,7 @@
+ Fork me
@@ -48,9 +49,9 @@
@@ -73,7 +74,7 @@
-

Your Cloud-Based, Self-Hosted Working Environment

+

Cloud-Based, Self-Hosted Web desktop

AntOS is a web-based desktop platform that provides an all-in-one solution for setting up a cloud-based, self-hosted working environment. It features backend API and services, a front-end web-based window manager, application APIs, a GUI toolkit, and file system abstractions.