diff --git a/.drone.yml b/.drone.yml index 1cdc385..ca26def 100644 --- a/.drone.yml +++ b/.drone.yml @@ -4,7 +4,7 @@ name: default steps: - name: build - image: node + image: node:lts commands: - npm install - npm run build diff --git a/package.json b/package.json index e727d14..c0e0859 100644 --- a/package.json +++ b/package.json @@ -15,20 +15,21 @@ "browser-sync": "^2.26.14" }, "devDependencies": { - "gulp": "4.0.2", + "autoprefixer": "10.2.6", + "cssnano": "5.0.5", "del": "6.0.0", - "lazypipe": "1.0.2", + "gulp": "4.0.2", + "gulp-concat": "2.6.1", "gulp-flatmap": "1.0.2", "gulp-header": "2.0.9", - "gulp-rename": "2.0.0", - "gulp-concat": "2.6.1", - "gulp-terser": "2.0.1", "gulp-optimize-js": "1.1.0", - "gulp-sass": "4.1.0", "gulp-postcss": "9.0.0", - "cssnano": "5.0.0", - "autoprefixer": "10.2.5", - "node-sass-tilde-importer": "^1.0.2" + "gulp-rename": "2.0.0", + "gulp-sass": "4.1.0", + "gulp-terser": "2.0.1", + "lazypipe": "1.0.2", + "node-sass-tilde-importer": "^1.0.2", + "postcss": "^8.3.0" }, "dependencies": { "@fortawesome/fontawesome-free": "^5.15.3", diff --git a/src/index.html b/src/index.html index 8ffb4e3..044d01d 100644 --- a/src/index.html +++ b/src/index.html @@ -36,10 +36,19 @@ <body> <div class="site-container"> <div class="content"> - <div class="follow"> - <a rel="me" href="https://social.tchncs.de/@samuel_p"> - <img alt="Mastodon Follow" src="https://shields.sp-codes.de/mastodon/follow/249926?domain=https%3A%2F%2Fsocial.tchncs.de&style=social"> - </a> + <div class="follow text-right"> + <div class="mb-3"> + <a rel="me" href="https://social.sp-codes.de/@samuel_p"> + <img alt="Mastodon Follow" + src="https://shields.sp-codes.de/mastodon/follow/106249673823954342?domain=https%3A%2F%2Fsocial.sp-codes.de&logoColor=black&style=social"> + </a> + </div> + <div> + <a rel="me" href="https://pixel.tchncs.de/samuel-p"> + <img alt="Pixelfed Follow" + src="https://shields.sp-codes.de/mastodon/follow/233656854528528384?domain=https%3A%2F%2Fpixel.tchncs.de&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8%2BPHBhdGggZD0iTTEyIDJjNS41MjMgMCAxMCA0LjQ3NyAxMCAxMHMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJ6bTEuMDMxIDYuMDk5aC0yLjYyNGMtLjk4OCAwLTEuNzg5Ljc3Ni0xLjc4OSAxLjczM3Y2Ljc0OGwyLjU5NS0yLjQ3MWgxLjgxOGMxLjcxMyAwIDMuMTAxLTEuMzQ1IDMuMTAxLTMuMDA1cy0xLjM4OC0zLjAwNS0zLjEtMy4wMDV6Ii8%2BPC9zdmc%2B&logoColor=black&style=social"> + </a> + </div> </div> <div id="developer" class="image"></div> <div id="magician" class="image"></div> diff --git a/src/scss/main.scss b/src/scss/main.scss index f86d2a8..8ab923c 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -3,6 +3,7 @@ @import "~bootstrap/scss/utilities/align"; @import "~bootstrap/scss/utilities/spacing"; @import "~bootstrap/scss/utilities/display"; +@import "~bootstrap/scss/utilities/text"; @import "~@fortawesome/fontawesome-free/scss/fontawesome"; @import "~@fortawesome/fontawesome-free/scss/solid"; @import "~@fortawesome/fontawesome-free/scss/brands";