Updated woodpecker config to not install SASS

.woodpecker.yml

@@ -6,7 +6,6 @@ pipeline:
   build:
     image: node:16
     commands:
-      - apt update && apt install -y ruby ruby-dev && gem install sass
       - npm install
       - npm run grunt
 

Gruntfile.js

@@ -4,7 +4,7 @@ module.exports = function(grunt) {
 
   // Project configuration.
   grunt.initConfig({
-    sass: {
+    'dart-sass': {
       dist: {
         options: {
           style: 'compressed'
@@ -69,7 +69,7 @@ module.exports = function(grunt) {
       },
       css: {
         files: ['assets/sass/*.sass'],
-        tasks: ['sass'],
+        tasks: ['dart-sass'],
         options: {
           atBegin: true,
           spawn: false
@@ -96,12 +96,12 @@ module.exports = function(grunt) {
 
   // Load task plugins
   grunt.loadNpmTasks('grunt-twig-render');
-  grunt.loadNpmTasks('grunt-contrib-sass');
+  grunt.loadNpmTasks('grunt-dart-sass');
   grunt.loadNpmTasks('grunt-contrib-coffee');
   grunt.loadNpmTasks('grunt-contrib-copy');
   grunt.loadNpmTasks('grunt-contrib-watch');
 
   // Default task(s).
-  grunt.registerTask('default', ['twigRender', 'sass', 'coffee', 'copy']);
+  grunt.registerTask('default', ['twigRender', 'dart-sass', 'coffee', 'copy']);
 
 };

assets/sass/sentry.sass

@@ -61,6 +61,10 @@ button
   border-bottom: 1px solid #bbb
   box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
 
+  .container.fluid
+    width: 100%
+    margin-right: 0
+
   .row
     display: relative
 

assets/twig/layout.twig

@@ -19,7 +19,8 @@
       <div class="container fluid">
         <div class="row">
           <div class="columns twelve">
-            <button class="tab-button active" onclick="openTab('cpu')">CPU</button>
+            <button class="tab-button active" onclick="openTab('overview')">Overview</button>
+            <button class="tab-button" onclick="openTab('cpu')">CPU</button>
             <button class="tab-button" onclick="openTab('memory')">Memory</button>
             <button class="tab-button" onclick="openTab('storage')">Storage</button>
             <button class="tab-button" onclick="openTab('gpu')">GPU</button>
@@ -29,7 +30,10 @@
     </div>
 
     <div id="wrapper" class="container">
-      <div class="component-display active" data-component="cpu">
+      <div class="component-display active" data-component="overview">
+        {% include 'overview.twig' %}
+      </div>
+      <div class="component-display" data-component="cpu">
         {% include 'cpu.twig' %}
       </div>
       <div class="component-display" data-component="memory">

assets/twig/overview.twig

@@ -0,0 +1,5 @@
+<header class="row">
+  <div class="columns twelve u-text-center">
+    <h1>Sentry Overview</h1>
+  </div>
+</header>

package.json

@@ -25,8 +25,8 @@
     "grunt": "^1.5.3",
     "grunt-contrib-coffee": "^2.1.0",
     "grunt-contrib-copy": "^1.0.0",
-    "grunt-contrib-sass": "^2.0.0",
     "grunt-contrib-watch": "^1.1.0",
+    "grunt-dart-sass": "^2.0.1",
     "grunt-twig-render": "^1.8.3"
   },
   "dependencies": {