From: Ismaël Bouya Date: Sat, 27 Jun 2020 14:02:52 +0000 (+0200) Subject: Add some local changes X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=e0a72b7dfbaac977798cbe02a840e5f400291198;p=github%2Fbastienwirtz%2Fhomer.git Add some local changes --- diff --git a/.gitignore b/.gitignore index 26547c2..a0dddc6 100644 --- a/.gitignore +++ b/.gitignore @@ -19,6 +19,3 @@ yarn-error.log* *.njsproj *.sln *.sw? - -# App configuration -public/config.yml diff --git a/public/assets/tools/adminer.png b/public/assets/tools/adminer.png new file mode 100644 index 0000000..f5923d8 Binary files /dev/null and b/public/assets/tools/adminer.png differ diff --git a/public/assets/tools/buildbot.png b/public/assets/tools/buildbot.png new file mode 100644 index 0000000..e69de29 diff --git a/public/assets/tools/buildbot.svg b/public/assets/tools/buildbot.svg new file mode 100644 index 0000000..4972a11 --- /dev/null +++ b/public/assets/tools/buildbot.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/tools/commento.svg b/public/assets/tools/commento.svg new file mode 100644 index 0000000..39da47a --- /dev/null +++ b/public/assets/tools/commento.svg @@ -0,0 +1,10 @@ + + + +assets + + + + + + diff --git a/public/assets/tools/diaspora.png b/public/assets/tools/diaspora.png new file mode 100644 index 0000000..7b23d5d Binary files /dev/null and b/public/assets/tools/diaspora.png differ diff --git a/public/assets/tools/dokuwiki.png b/public/assets/tools/dokuwiki.png new file mode 100644 index 0000000..a1f4995 Binary files /dev/null and b/public/assets/tools/dokuwiki.png differ diff --git a/public/assets/tools/etherpad.ico b/public/assets/tools/etherpad.ico new file mode 100644 index 0000000..938e955 Binary files /dev/null and b/public/assets/tools/etherpad.ico differ diff --git a/public/assets/tools/games_codenames.png b/public/assets/tools/games_codenames.png new file mode 100644 index 0000000..0b2729e Binary files /dev/null and b/public/assets/tools/games_codenames.png differ diff --git a/public/assets/tools/games_terraforming_mars.ico b/public/assets/tools/games_terraforming_mars.ico new file mode 100644 index 0000000..733acb2 Binary files /dev/null and b/public/assets/tools/games_terraforming_mars.ico differ diff --git a/public/assets/tools/gitweb.png b/public/assets/tools/gitweb.png new file mode 100644 index 0000000..4fa44bb Binary files /dev/null and b/public/assets/tools/gitweb.png differ diff --git a/public/assets/tools/grocy.png b/public/assets/tools/grocy.png new file mode 100644 index 0000000..40be557 Binary files /dev/null and b/public/assets/tools/grocy.png differ diff --git a/public/assets/tools/kanboard.png b/public/assets/tools/kanboard.png new file mode 100644 index 0000000..51702e7 Binary files /dev/null and b/public/assets/tools/kanboard.png differ diff --git a/public/assets/tools/mantisbt.png b/public/assets/tools/mantisbt.png new file mode 100644 index 0000000..729e3ea Binary files /dev/null and b/public/assets/tools/mantisbt.png differ diff --git a/public/assets/tools/mastodon.png b/public/assets/tools/mastodon.png new file mode 100644 index 0000000..b12aa55 Binary files /dev/null and b/public/assets/tools/mastodon.png differ diff --git a/public/assets/tools/mgoblin.ico b/public/assets/tools/mgoblin.ico new file mode 100644 index 0000000..ae5a1b1 Binary files /dev/null and b/public/assets/tools/mgoblin.ico differ diff --git a/public/assets/tools/nextcloud.png b/public/assets/tools/nextcloud.png new file mode 100644 index 0000000..6358068 Binary files /dev/null and b/public/assets/tools/nextcloud.png differ diff --git a/public/assets/tools/peertube.png b/public/assets/tools/peertube.png new file mode 100644 index 0000000..a42fce3 Binary files /dev/null and b/public/assets/tools/peertube.png differ diff --git a/public/assets/tools/phpbb.ico b/public/assets/tools/phpbb.ico new file mode 100644 index 0000000..bb61b89 Binary files /dev/null and b/public/assets/tools/phpbb.ico differ diff --git a/public/assets/tools/rainloop.png b/public/assets/tools/rainloop.png new file mode 100644 index 0000000..ce1dd1a Binary files /dev/null and b/public/assets/tools/rainloop.png differ diff --git a/public/assets/tools/rompr.png b/public/assets/tools/rompr.png new file mode 100644 index 0000000..d7b63b1 Binary files /dev/null and b/public/assets/tools/rompr.png differ diff --git a/public/assets/tools/roundcube.svg b/public/assets/tools/roundcube.svg new file mode 100644 index 0000000..1f50dd8 --- /dev/null +++ b/public/assets/tools/roundcube.svg @@ -0,0 +1,15 @@ + + + + + + + + + + diff --git a/public/assets/tools/shaarli.png b/public/assets/tools/shaarli.png new file mode 100644 index 0000000..f29210c Binary files /dev/null and b/public/assets/tools/shaarli.png differ diff --git a/public/assets/tools/statusengine.png b/public/assets/tools/statusengine.png new file mode 100644 index 0000000..97f05da Binary files /dev/null and b/public/assets/tools/statusengine.png differ diff --git a/public/assets/tools/ttrss.png b/public/assets/tools/ttrss.png new file mode 100644 index 0000000..97437d2 Binary files /dev/null and b/public/assets/tools/ttrss.png differ diff --git a/public/assets/tools/wallabag.svg b/public/assets/tools/wallabag.svg new file mode 100644 index 0000000..7b87fed --- /dev/null +++ b/public/assets/tools/wallabag.svg @@ -0,0 +1 @@ + diff --git a/public/config.yml b/public/config.yml new file mode 100644 index 0000000..0b67af5 --- /dev/null +++ b/public/config.yml @@ -0,0 +1,343 @@ +--- +# Homepage configuration +# See https://fontawesome.com/icons for icons options + +title: "Websites dashboard" +subtitle: "Immae" +footer: '

Created with ❤️ with bulma, vuejs & font awesome // Fork me on

' # set false if you want to hide it. + +# Optional navbar +# links: [] # Allows for navbar (dark mode, layout, and search) without any links +links: + - name: "status" + icon: "fas fa-desktop" + url: "https://status.immae.eu" + - name: "Change password" + url: "https://tools.immae.eu/ldap_password.php" + - name: "Get your IP" + url: "https://tools.immae.eu/myip.php" + +# Services +# First level array represent a group. +# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed). +services: + - name: "Tools" + icon: "fas fa-tools" + items: + - name: "Nextcloud" + logo: "assets/tools/nextcloud.png" + url: "https://cloud.immae.eu" + links: + - url: "https://nextcloud.com/" + name: "Project page" + - name: "Etherpad" + logo: "assets/tools/etherpad.ico" + url: "https://ether.immae.eu" + links: + - url: "https://etherpad.org/" + name: "Project page" + - name: "Taskweb" + icon: "fas fa-tasks" + url: "https://task.immae.eu/taskweb" + links: + - url: "http://theunraveler.github.io/taskwarrior-web/" + name: "Project page" + - name: "Agenda" + icon: "fas fa-calendar-alt" + url: "https://dav.immae.eu/caldavzap" + links: + - url: "https://www.inf-it.com/open-source/clients/" + name: "CalDavZAP" + - name: "Contacts" + icon: "fas fa-address-book" + url: "https://dav.immae.eu/carddavmate" + links: + - url: "https://www.inf-it.com/open-source/clients/" + name: "CardDavMATE" + - name: "Kanboard" + logo: "assets/tools/kanboard.png" + url: "https://tools.immae.eu/kanboard" + links: + - url: "https://kanboard.org/" + name: "Project page" + - name: "Dokuwiki" + logo: "assets/tools/dokuwiki.png" + url: "https://tools.immae.eu/dokuwiki" + links: + - url: "https://www.dokuwiki.org/dokuwiki" + name: "Project page" + - name: "RompR (MPD)" + logo: "assets/tools/rompr.png" + url: "https://tools.immae.eu/rompr" + links: + - url: "https://fatg3erman.github.io/RompR/" + name: "Project page" + - name: "Ympd (MPD)" + icon: "far fa-play-circle" + url: "https://tools.immae.eu/mpd" + links: + - url: "https://www.ympd.org/" + name: "Project page" + - name: "Shaarli" + logo: "assets/tools/shaarli.png" + url: "https://tools.immae.eu/Shaarli" + links: + - url: "https://shaarli.readthedocs.io" + name: "Project page" + - name: "TT-RSS" + logo: "assets/tools/ttrss.png" + url: "https://tools.immae.eu/ttrss" + links: + - url: "https://tt-rss.org/" + name: "Project page" + - name: "Wallabag" + logo: "assets/tools/wallabag.svg" + url: "https://tools.immae.eu/wallabag" + links: + - url: "https://www.wallabag.it/en" + name: "Project page" + - name: "Grocy" + logo: "assets/tools/grocy.png" + url: "https://tools.immae.eu/grocy" + links: + - url: "https://grocy.info/" + name: "Project page" + - name: "BIP39" + icon: "fab fa-bitcoin" + url: "https://tools.immae.eu/BIP39" + links: + - url: "https://github.com/iancoleman/bip39" + name: "Source" + - name: "Status Engine" + logo: "assets/tools/statusengine.png" + url: "https://performance.immae.eu" + links: + - url: "https://statusengine.org/" + name: "Project page" + - name: "Social" + icon: "fas fa-users" + items: + - name: "Commento" + logo: "assets/tools/commento.svg" + url: "https://commento.immae.eu" + links: + - url: "https://www.commento.io/" + name: "Project page" + - name: "Diaspora" + logo: "assets/tools/diaspora.png" + url: "https://diaspora.immae.eu" + links: + - url: "https://diasporafoundation.org/" + name: "Project page" + - name: "Mastodon" + logo: "assets/tools/mastodon.png" + url: "https://mastodon.immae.eu" + links: + - url: "https://joinmastodon.org/" + name: "Project page" + - name: "PhpBB" + logo: "assets/tools/phpbb.ico" + url: "https://tools.immae.eu/forum" + links: + - url: "https://www.phpbb.com/" + name: "Project page" + - name: "Instant messaging (converse)" + icon: "fas fa-comment" + url: "https://im.immae.fr/converse" + links: + - url: "https://conversejs.org/" + name: "Project page" + - name: "Mail (roundcube)" + logo: "assets/tools/roundcube.svg" + url: "https://mail.immae.eu/roundcube" + links: + - url: "https://roundcube.net/" + name: "Project page" + - name: "Mail (rainloop)" + logo: "assets/tools/rainloop.png" + url: "https://mail.immae.eu/rainloop" + links: + - url: "http://www.rainloop.net/" + name: "Project page" + - name: "Video" + icon: "fas fa-video" + items: + - name: "Peertube" + logo: "assets/tools/peertube.png" + url: "https://peertube.immae.eu" + links: + - url: "https://joinpeertube.org/fr/" + name: "Project page" + - name: "Mediagoblin" + logo: "assets/tools/mgoblin.ico" + url: "https://mgoblin.immae.eu" + links: + - url: "https://mediagoblin.org/" + name: "Project page" + - name: "Games" + icon: "fas fa-gamepad" + items: + - name: "Codenames" + logo: "assets/tools/games_codenames.png" + url: "https://codenames.games.immae.eu/" + links: + - url: "https://github.com/jbowens/codenamesgreen" + name: "Source" + - name: "Terraforming mars" + logo: "assets/tools/games_terraforming_mars.ico" + url: "https://terraforming-mars.games.immae.eu/" + links: + - url: "https://github.com/bafolts/terraforming-mars" + name: "Source" + - name: "Development" + icon: "fas fa-code-branch" + items: + - name: "Gitweb" + logo: "assets/tools/gitweb.png" + url: "https://git.immae.eu" + links: + - url: "https://git-scm.com/" + name: "Project page" + - name: "Mantisbt" + logo: "assets/tools/mantisbt.png" + url: "https://git.immae.eu/mantisbt" + links: + - url: "https://mantisbt.org/" + name: "Project page" + - name: "Buildbot" + logo: "assets/tools/buildbot.svg" + url: "https://git.immae.eu/buildbot/immaeEu/" + links: + - url: "https://buildbot.net/" + name: "Project page" + - name: "Adminer" + logo: "assets/tools/adminer.png" + url: "https://tools.immae.eu/adminer" + links: + - url: "https://www.adminer.org/" + name: "Project page" + - name: "Release" + icon: "fas fa-running" + url: "https://release.immae.eu" + links: + - url: "https://oupala.github.io/apaxy/" + name: "Theme by Apaxy" + - name: "Immae" + icon: "fas fa-edit" + items: + - name: "Page principale" + icon: "fas fa-user" + url: "https://www.immae.eu" + links: + - url: "https://blog.getpelican.com/" + name: "Built with Pelican" + - name: "Historique infrastructure / Changelog" + icon: "fas fa-history" + url: "https://www.immae.eu/history" + links: + - url: "https://www.changelog.site/" + name: "Built with ChangeLog" + - name: "Atelier d’écriture" + icon: "fas fa-pen" + url: "https://www.immae.eu/atelier" + - name: "Blog" + icon: "fas fa-blog" + url: "https://www.immae.eu/blog" + links: + - url: "https://blog.getpelican.com/" + name: "Built with Pelican" + - name: "Recherche" + icon: "fas fa-search" + url: "https://www.immae.eu/recherche" + - name: "Cours" + icon: "fas fa-school" + url: "https://www.immae.eu/cours" + links: + - url: "https://melusine.eu.org/syracuse/immae/" + name: "Miroir (Mélusine)" + - name: "Recettes" + icon: "fas fa-utensils" + url: "https://www.immae.eu/recettes" + links: + - url: "https://jekyllrb.com/" + name: "Built with Jekyll" + - name: "Chapeaux de Hamming" + icon: "fas fa-hat-cowboy-side" + url: "https://www.immae.eu/chapeaux" + - name: "Configuration / System" + icon: "fas fa-cog" + items: + - name: "Instant messaging" + url: "https://im.immae.fr" + links: + - url: "https://www.ejabberd.im/" + name: "Ejabberd" + - name: "E-mail" + url: "https://mail.immae.eu" + links: + - url: "http://www.postfix.org/" + name: "Postfix" + - url: "https://www.dovecot.org/" + name: "Dovecot" + - url: "https://www.rspamd.com/" + name: "Rspamd" + - url: "http://www.opendkim.org/" + name: "OpenDKIM" + - url: "http://www.trusteddomain.org/opendmarc/" + name: "OpenDMARC" + - url: "https://github.com/trusteddomainproject/OpenARC" + name: "OpenARC" + - name: "Mailing-List" + url: "https://mail.immae.eu/sympa" + links: + - url: "https://www.sympa.org/" + name: "SYMPA" + - name: "VPN" + url: "https://vpn.immae.eu" + links: + - url: "https://tinc-vpn.org/" + name: "Tinc" + - name: "Taskwarrior" + url: "https://task.immae.eu" + links: + - url: "http://theunraveler.github.io/taskwarrior-web/" + name: "Project page" + - name: "Dav" + url: "https://dav.immae.eu" + - name: "Dav acount" + url: "https://dav.immae.eu/davical" + links: + - url: "https://www.davical.org/" + name: "Davical" + - name: "Paste" + url: "https://tools.immae.eu/paste" + links: + - url: "http://termbin.com/" + name: "Termbin" + - name: "LDAP" + url: "https://tools.immae.eu/ldap" + links: + - url: "http://phpldapadmin.sourceforge.net/wiki/index.php/Main_Page" + name: "phpLDAPAdmin" + - name: "Yourls" + url: "https://tools.immae.eu/url/admin/" + links: + - url: "http://yourls.org/" + name: "Project page" + - name: "Change password" + url: "https://tools.immae.eu/ldap_password.php" + links: + - url: "https://gist.github.com/mattrude/657334" + name: "Source" + - name: "temp.immae.eu" + url: "https://temp.immae.eu" + links: + - url: "https://git.cloudron.io/cloudron/surfer" + name: "Surfer" + - name: "DMARC report status" + url: "https://tools.immae.eu/dmarc-reports" + links: + - url: "https://git.immae.eu/?p=perso/Immae/Config/Nix.git;a=tree;f=modules/private/websites/tools/tools/dmarc_reports;hb=HEAD" + name: "Source code" + - url: "https://github.com/techsneeze/dmarcts-report-viewer" + name: "Inspiration work" diff --git a/src/App.vue b/src/App.vue index 17c3214..747d279 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,7 +10,7 @@ >
-
+
@@ -68,7 +62,7 @@ v-for="item in group.items" :key="item.name" v-bind:item="item" - :class="['column', `is-${12 / config.columns}`]" + class="column is-half-tablet is-one-third-widescreen is-half-desktop" />
@@ -79,7 +73,7 @@ class="columns is-multiline layout-vertical" >
@@ -118,7 +112,6 @@ import Navbar from "./components/Navbar.vue"; import ConnectivityChecker from "./components/ConnectivityChecker.vue"; import Service from "./components/Service.vue"; import Message from "./components/Message.vue"; -import SearchInput from "./components/SearchInput.vue"; import SettingToggle from "./components/SettingToggle.vue"; import DarkMode from "./components/DarkMode.vue"; import DynamicTheme from "./components/DynamicTheme.vue"; @@ -132,7 +125,6 @@ export default { ConnectivityChecker, Service, Message, - SearchInput, SettingToggle, DarkMode, DynamicTheme, @@ -143,7 +135,7 @@ export default { services: null, offline: false, filter: "", - vlayout: true, + vlayout: false, isDark: null, showMenu: false, }; diff --git a/src/assets/app.scss b/src/assets/app.scss index ab067e6..2408d60 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss @@ -55,6 +55,23 @@ body { } } + .subcard { + background-color: var(--subcard-background); + color: var(--subcard-a); + + a { + color: var(--subcard-a); + &:hover { + color: var(--subcard-a-hover); + } + } + } + + a.card-arrow { + color: var(--subcard-a); + background-color: var(--subcard-background); + } + .footer { background-color: var(--card-background); box-shadow: 0 2px 15px 0 var(--card-shadow); @@ -214,8 +231,7 @@ body { } } - .card { - border-radius: 5px; + .card, .card-arrow { border: none; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; @@ -225,6 +241,32 @@ body { } } + .card { + border-radius: 5px; + } + + .card-arrow { + border-radius: 0px 5px 5px 0px; + } + + .card-arrow.active { + border-radius: 0px 5px 0px 0px; + box-shadow: none; + } + + .subcard { + border-radius: 0px 0px 5px 5px; + display: none; + list-style: disc inside; + padding: 0.8rem; + } + .subcard.active { + display: block; + } + .subcard a { + padding: 10px; + } + .card:hover { transform: translate(0, -3px); @@ -239,6 +281,14 @@ body { } } + .card-arrow { + height: 85px; + display: flex; + align-items: center; + float: right; + padding: 10px; + } + .card-content { height: 85px; padding: 1.3rem; @@ -259,10 +309,6 @@ body { } .footer { - position: fixed; - left: 0; - right: 0; - bottom: 0; padding: 0.5rem; text-align: left; color: #676767; @@ -318,6 +364,16 @@ body { } } + .search-bar-mobile { + input { + margin-top: 10px; + margin-left: 10px; + } + .search-label::before { + top: 14px; + } + } + .offline-message { text-align: center; margin: 35px 0; diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml index 99f5ed5..eaa345c 100644 --- a/src/assets/defaults.yml +++ b/src/assets/defaults.yml @@ -18,11 +18,14 @@ colors: highlight-hover: "#5a95f5" background: "#f5f5f5" card-background: "#ffffff" + subcard-background: "#eeeeee" text: "#363636" text-header: "#ffffff" text-title: "#303030" text-subtitle: "#424242" card-shadow: rgba(0, 0, 0, 0.1) + subcard-a: "#363636" + subcard-a-hover: "#808080" link-hover: "#363636" dark: highlight-primary: "#3367d6" @@ -30,11 +33,14 @@ colors: highlight-hover: "#5a95f5" background: "#131313" card-background: "#2b2b2b" + subcard-background: "#444444" text: "#eaeaea" text-header: "#ffffff" text-title: "#fafafa" text-subtitle: "#f5f5f5" card-shadow: rgba(0, 0, 0, 0.4) + subcard-a: "#ffdd57" + subcard-a-hover: "#eaeaea" link-hover: "#ffdd57" message: ~ diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index d3ceaf8..fd57156 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -3,6 +3,12 @@