diff --git a/app/Alert.php b/app/Alert.php
new file mode 100644
index 0000000000..8cabda9fcb
--- /dev/null
+++ b/app/Alert.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use DB;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Lang;
+use Illuminate\Support\Facades\Log;
+use OwenIt\Auditing\Contracts\Auditable;
+
+class Alert extends Model implements Auditable
+{
+    use HasFactory;
+
+    use \OwenIt\Auditing\Auditable;
+
+    protected $table = 'alerts';
+    protected $primaryKey = 'id';
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array
+     */
+    protected $fillable = [
+        'title',
+        'html',
+        'ctatitle',
+        'ctalink',
+        'start',
+        'end',
+        'variant'
+    ];
+}
diff --git a/app/Console/Commands/AlertCreate.php b/app/Console/Commands/AlertCreate.php
new file mode 100644
index 0000000000..8d56290f68
--- /dev/null
+++ b/app/Console/Commands/AlertCreate.php
@@ -0,0 +1,77 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\User;
+use Illuminate\Console\Command;
+use Illuminate\Support\Str;
+
+use function Symfony\Component\VarDumper\Dumper\esc;
+
+class AlertCreate extends Command
+{
+    /**
+     * Example: php artisan alert:create 'Test alert' '<p>Testing</p>' 'today' 'next year' 'Click here' 'https://therestartproject.org'
+     *
+     * @var string
+     */
+    protected $signature = 'alert:create {title} {html}  {start} {end} {variant?} {ctatitle?} {ctalink?}';
+
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'Create a system-wide alert';
+
+    /**
+     * Create a new command instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * Execute the console command.
+     *
+     * @return mixed
+     */
+    public function handle()
+    {
+        $title = trim($this->argument('title'));
+        $html = trim($this->argument('html'));
+        $ctatitle = trim($this->argument('ctatitle'));
+        $ctalink = trim($this->argument('ctalink'));
+        $start = trim($this->argument('start'));
+        $end = trim($this->argument('end'));
+        $variant = trim($this->argument('variant'));
+        $variant = $variant ? $variant : 'secondary';
+
+        $alert = new \App\Alert();
+        $alert->title = $title;
+        $alert->html = $html;
+        $alert->variant = $variant;
+
+        if ($ctatitle && $ctalink) {
+            $alert->ctatitle = $ctatitle;
+            $alert->ctalink = $ctalink;
+        }
+
+        // Parse $start as a date and set it in the alert.
+        $start = \Carbon\Carbon::parse($start);
+        $start->setTimezone('UTC');
+        $end = \Carbon\Carbon::parse($end);
+        $end->setTimezone('UTC');
+
+        $alert->start = $start;
+        $alert->end = $end;
+
+        $alert->save();
+
+        $this->info("Created alert " . $alert->id);
+    }
+}
diff --git a/app/Http/Controllers/API/AlertController.php b/app/Http/Controllers/API/AlertController.php
new file mode 100644
index 0000000000..f4db42f804
--- /dev/null
+++ b/app/Http/Controllers/API/AlertController.php
@@ -0,0 +1,290 @@
+<?php
+
+namespace App\Http\Controllers\API;
+
+use App\Alert;
+use App\Http\Controllers\Controller;
+use App\Http\Resources\AlertCollection;
+use Auth;
+use Carbon\Carbon;
+use Illuminate\Auth\AuthenticationException;
+use Illuminate\Database\QueryException;
+use Illuminate\Http\Request;
+use Notification;
+use Illuminate\Validation\ValidationException;
+
+class AlertController extends Controller
+{
+    /**
+     * @OA\Get(
+     *      path="/api/v2/alerts",
+     *      operationId="listAlertsv2",
+     *      tags={"Alerts"},
+     *      summary="Get list of active alerts",
+     *      @OA\Response(
+     *          response=200,
+     *          description="Successful operation",
+     *          @OA\JsonContent(
+     *              @OA\Property(
+     *                property="data",
+     *                title="data",
+     *                description="An array of alerts",
+     *                type="array",
+     *                @OA\Items(
+     *                   ref="#/components/schemas/Alert"
+     *                )
+     *             )
+     *          )
+     *       ),
+     *     )
+     */
+    public function listAlertsv2(Request $request) {
+        // Alerts don't change often, so we can cache them.
+        if (\Cache::has('alerts')) {
+            $alerts = \Cache::get('alerts');
+        } else {
+            $alerts = Alert::whereDate('start', '<=', date('Y-m-d  H:i', strtotime(Carbon::now())))
+                ->whereDate('end', '>=', date('Y-m-d  H:i', strtotime(Carbon::now())))->get();
+            \Cache::put('alerts', $alerts, 7200);
+        }
+
+        return [
+            'data' => AlertCollection::make($alerts)
+        ];
+    }
+
+    /**
+     * @OA\Put(
+     *      path="/api/v2/alerts",
+     *      operationId="createAlert",
+     *      tags={"Alerts"},
+     *      summary="Create Alert",
+     *      description="Creates an alert.",
+     *      @OA\Parameter(
+     *          name="api_token",
+     *          description="A valid user API token",
+     *          required=true,
+     *          in="query",
+     *          @OA\Schema(
+     *              type="string",
+     *              example="1234"
+     *          )
+     *      ),
+     *     @OA\RequestBody(
+     *         @OA\MediaType(
+     *             mediaType="multipart/form-data",
+     *             @OA\Schema(
+     *                required={"title","html","start","end"},
+     *                @OA\Property(
+     *                   property="title",
+     *                   ref="#/components/schemas/Alert/properties/title",
+     *                ),
+     *                @OA\Property(
+     *                   property="html",
+     *                   ref="#/components/schemas/Alert/properties/html",
+     *                ),
+     *                @OA\Property(
+     *                   property="start",
+     *                   ref="#/components/schemas/Alert/properties/start",
+     *                ),
+     *                @OA\Property(
+     *                   property="end",
+     *                   ref="#/components/schemas/Alert/properties/end",
+     *                ),
+     *                @OA\Property(
+     *                   property="ctatitle",
+     *                   ref="#/components/schemas/Alert/properties/ctalink",
+     *                ),
+     *                @OA\Property(
+     *                   property="ctalink",
+     *                   ref="#/components/schemas/Alert/properties/ctalink",
+     *                ),
+     *             )
+     *         )
+     *    ),
+     *    @OA\Response(
+     *        response=200,
+     *        description="Successful operation",
+     *        @OA\JsonContent(
+     *            @OA\Property(
+     *              property="id",
+     *              title="id",
+     *              ref="#/components/schemas/Alert/properties/id"
+     *            )
+     *        ),
+     *     )
+     *  )
+     */
+    public function addAlertv2(Request $request)
+    {
+        $user = $this->getUser();
+
+        if (!$user->hasRole('Administrator')) {
+            throw new AuthenticationException();
+        }
+
+        list($start, $end, $title, $html, $ctatitle, $ctalink) = $this->validateAlertParams($request, true);
+
+        $id = Alert::Create([
+            'start' => $start,
+            'end' => $end,
+            'title' => $title,
+            'html' => $html,
+            'ctatitle' => $ctatitle,
+            'ctalink' => $ctalink
+        ])->id;
+
+        return [
+          'id' => $id
+        ];
+    }
+
+    /**
+     * @OA\Patch(
+     *      path="/api/v2/alerts/{id}",
+     *      operationId="updateAlert",
+     *      tags={"Alerts"},
+     *      summary="Edit Alert",
+     *      description="Edits an alert.",
+     *      @OA\Parameter(
+     *          name="api_token",
+     *          description="A valid user API token",
+     *          required=true,
+     *          in="query",
+     *          @OA\Schema(
+     *              type="string",
+     *              example="1234"
+     *          )
+     *      ),
+     *     @OA\RequestBody(
+     *         @OA\MediaType(
+     *             mediaType="multipart/form-data",
+     *             @OA\Schema(
+     *                required={"title","html","start","end"},
+     *                @OA\Property(
+     *                   property="title",
+     *                   ref="#/components/schemas/Alert/properties/title",
+     *                ),
+     *                @OA\Property(
+     *                   property="html",
+     *                   ref="#/components/schemas/Alert/properties/html",
+     *                ),
+     *                @OA\Property(
+     *                   property="start",
+     *                   ref="#/components/schemas/Alert/properties/start",
+     *                ),
+     *                @OA\Property(
+     *                   property="end",
+     *                   ref="#/components/schemas/Alert/properties/end",
+     *                ),
+     *                @OA\Property(
+     *                   property="ctatitle",
+     *                   ref="#/components/schemas/Alert/properties/ctalink",
+     *                ),
+     *                @OA\Property(
+     *                   property="ctalink",
+     *                   ref="#/components/schemas/Alert/properties/ctalink",
+     *                ),
+     *             )
+     *         )
+     *    ),
+     *    @OA\Response(
+     *        response=200,
+     *        description="Successful operation",
+     *        @OA\JsonContent(
+     *            @OA\Property(
+     *              property="id",
+     *              title="id",
+     *              ref="#/components/schemas/Alert/properties/id"
+     *            )
+     *        ),
+     *     )
+     *  )
+     */
+    public function updateAlertv2(Request $request, $id)
+    {
+        $user = $this->getUser();
+
+        if (!$user->hasRole('Administrator')) {
+            return abort(403, 'The authenticated user is not authorized to access this resource');
+        }
+
+        $alert = Alert::findOrFail($id);
+
+        list($start, $end, $title, $html, $ctatitle, $ctalink) = $this->validateAlertParams($request, true);
+
+        $alert->update([
+            'start' => $start,
+            'end' => $end,
+            'title' => $title,
+            'html' => $html,
+            'ctatitle' => $ctatitle,
+            'ctalink' => $ctalink
+        ]);
+
+        \Cache::clear('alerts');
+
+        return [
+            'id' => $id
+        ];
+    }
+
+    private function getUser()
+    {
+        // We want to allow this call to work if a) we are logged in as a user, or b) we have a valid API token.
+        //
+        // This is a slightly odd thing to do, but it is necessary to get both the PHPUnit tests and the
+        // real client use of the API to work.
+        $user = Auth::user();
+
+        if (!$user) {
+            $user = auth('api')->user();
+        }
+
+        if (!$user) {
+            throw new AuthenticationException();
+        }
+
+        return $user;
+    }
+
+    private function validateAlertParams(Request $request, $create): array
+    {
+        if ($create) {
+            $request->validate([
+                'start' => ['required', 'date_format:Y-m-d\TH:i:sP,Y-m-d\TH:i:s\Z'],
+                'end' => ['required', 'date_format:Y-m-d\TH:i:sP,Y-m-d\TH:i:s\Z'],
+                'title' => ['required', 'max:255'],
+                'html' => ['required'],
+                'ctatitle' => ['nullable', 'max:255'],
+                'ctalink' => ['nullable', 'url'],
+            ]);
+        } else {
+            $request->validate([
+                'id' => 'required|integer',
+                'start' => ['required', 'date_format:Y-m-d\TH:i:sP,Y-m-d\TH:i:s\Z'],
+                'end' => ['required', 'date_format:Y-m-d\TH:i:sP,Y-m-d\TH:i:s\Z'],
+                'title' => ['required', 'max:255'],
+                'html' => ['required'],
+                'ctatitle' => ['nullable', 'max:255'],
+                'ctalink' => ['nullable', 'url'],
+            ]);
+        }
+
+        $start = $request->input('start');
+        $end = $request->input('end');
+        $title = $request->input('title');
+        $html = $request->input('html');
+        $ctatitle = $request->input('ctatitle', null);
+        $ctalink = $request->input('ctalink', null);
+
+        return [
+            $start,
+            $end,
+            $title,
+            $html,
+            $ctatitle,
+            $ctalink
+        ];
+    }
+}
diff --git a/app/Http/Resources/Alert.php b/app/Http/Resources/Alert.php
new file mode 100644
index 0000000000..f5268aab58
--- /dev/null
+++ b/app/Http/Resources/Alert.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Carbon\Carbon;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+/**
+ * @OA\Schema(
+ *     title="Alert",
+ *     schema="Alert",
+ *     description="An alert shown to users onsite.",
+ *     required={"id", "title", "html", "start", "end"},
+ *     @OA\Property(
+ *          property="id",
+ *          title="id",
+ *          description="Unique identifier of this alert",
+ *          format="int64",
+ *          example=1
+ *     ),
+ *     @OA\Property(
+ *          property="title",
+ *          title="title",
+ *          description="The title of this alert",
+ *          format="string",
+ *          example="Support our work!"
+ *     ),
+ *     @OA\Property(
+ *          property="html",
+ *          title="html",
+ *          description="HTML body of the alert",
+ *          format="string",
+ *     ),
+ *     @OA\Property(
+ *          property="ctatitle",
+ *          title="ctatitle",
+ *          description="(Optional) The text for a Call To Action button.",
+ *          format="string",
+ *          example="Double Your Donation Now"
+ *     ),
+ *     @OA\Property(
+ *          property="variant",
+ *          title="variant",
+ *          description="(Optional) The alert variant (default is secondary).",
+ *          format="string",
+ *          example="secondary"
+ *     ),
+ *     @OA\Property(
+ *          property="ctalink",
+ *          title="ctalink",
+ *          description="(Optional) The link for the button to direct to.",
+ *          format="string",
+ *          example="https://www.paypal.com/gb/fundraiser/charity/61071"
+ *     ),
+ *     @OA\Property(
+ *          property="start",
+ *          title="start",
+ *          description="Start showing the alert at this time, in ISO8601 format.",
+ *          format="date-time",
+ *          example="2022-09-18T11:30:00+00:00"
+ *     ),
+ *     @OA\Property(
+ *          property="end",
+ *          title="end",
+ *          description="Stop showing the alert at this time, in ISO8601 format.",
+ *          format="date-time",
+ *          example="2022-09-18T12:30:00+00:00"
+ *     )
+ * )
+ */
+class Alert extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        $ret = [
+            'id' => $this->id,
+            'title' => $this->title,
+            'html' => $this->html,
+            'ctatitle' => $this->ctatitle,
+            'ctalink' => $this->ctalink,
+            'start' => Carbon::parse($this->start)->toIso8601String(),
+            'end' => Carbon::parse($this->end)->toIso8601String(),
+            'variant' => $this->variant,
+        ];
+
+        return $ret;
+    }
+}
diff --git a/app/Http/Resources/AlertCollection.php b/app/Http/Resources/AlertCollection.php
new file mode 100644
index 0000000000..f850ac63d3
--- /dev/null
+++ b/app/Http/Resources/AlertCollection.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\ResourceCollection;
+
+/**
+ * @OA\Schema(
+ *     title="AlertCollection",
+ *     schema="AlertCollection",
+ *     description="A collection of Alerts.",
+ *     type="array",
+ *     @OA\Items(
+ *         ref="#/components/schemas/Alert"
+ *     )
+ * )
+ */
+
+class AlertCollection extends ResourceCollection
+{
+    /**
+     * Transform the resource collection into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return parent::toArray($request);
+    }
+}
diff --git a/database/migrations/2023_12_19_161808_customisable_banners.php b/database/migrations/2023_12_19_161808_customisable_banners.php
new file mode 100644
index 0000000000..26b039c36a
--- /dev/null
+++ b/database/migrations/2023_12_19_161808_customisable_banners.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('alerts', function (Blueprint $table) {
+            $table->increments('id');
+            $table->string('title');
+            $table->text('html');
+            $table->string('ctatitle')->nullable();
+            $table->string('ctalink')->nullable();
+            $table->string('variant')->default('secondary');
+            $table->timestamp('start');
+            $table->timestamp('end');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::drop('alerts');
+    }
+};
diff --git a/resources/js/components/AlertBanner.vue b/resources/js/components/AlertBanner.vue
new file mode 100644
index 0000000000..16096db683
--- /dev/null
+++ b/resources/js/components/AlertBanner.vue
@@ -0,0 +1,65 @@
+<template xmlns="http://www.w3.org/1999/html">
+  <div>
+    <b-alert v-for="alert in alertsNotDismissed" :key="'alert-' + alert.id"
+             :variant="alert.variant"
+             variant="secondary" dismissible class="information-alert mb-2" @dismissed="dismissed(alert.id)" show>
+      <div class="d-sm-flex flex-row justify-content-between align-items-center">
+        <div class="action-text-left float-left d-flex flex-row">
+          <div class="action-text mb-0">
+            <div class='mb-2'>
+              <!-- <span class='badge badge-warning'>NEW!</span> -->
+              <strong>{{ alert.title }}</strong>
+            </div>
+            <div v-html="alert.html" />
+          </div>
+        </div>
+
+        <div class="float-right mt-3 mt-sm-0" v-if="alert.ctatitle && alert.ctalink">
+          <a :href='alert.ctalink' class='btn btn-md btn-primary btn-block'
+             target="_blank" rel="noopener" title=''>{{ alert.ctatitle }}</a>
+        </div>
+      </div>
+    </b-alert>
+  </div>
+</template>
+<script>
+import moment from 'moment'
+
+export default {
+  computed: {
+    alerts() {
+      return this.$store.getters['alerts/list']
+    },
+    alertsNowOrInFuture() {
+      return this.alerts.filter(alert => {
+        return moment().isSameOrAfter(alert.start) && moment().isSameOrBefore(alert.end)
+      })
+    },
+    alertsNotDismissed() {
+      return this.alertsNowOrInFuture.filter(alert => {
+        let ret = true
+
+        try {
+          ret = !localStorage.getItem('alert-' + alert.id)
+        } catch (e) {
+          console.log("Get local failed", e)
+        }
+
+        return ret
+      })
+    },
+  },
+  async mounted() {
+    await this.$store.dispatch('alerts/fetch')
+  },
+  methods: {
+    dismissed(id) {
+      try {
+        localStorage.setItem('alert-' + id, true)
+      } catch (e) {
+        console.log("Set local failed", e)
+      }
+    }
+  }
+}
+</script>
diff --git a/resources/js/components/DashboardBanner.vue b/resources/js/components/DashboardBanner.vue
deleted file mode 100644
index 4f6b082a5f..0000000000
--- a/resources/js/components/DashboardBanner.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template xmlns="http://www.w3.org/1999/html">
-  <b-alert :show="show" :variant="variant" dismissible class="information-alert" @dismissed="dismissed"  v-if="bannerActive">
-    <div class="d-sm-flex flex-row justify-content-between align-items-center">
-      <div class="action-text-left float-left d-flex flex-row">
-        <div class="action-text mb-0">
-          <div class='mb-2'>
-            <!-- <span class='badge badge-warning'>NEW!</span> -->
-            <strong>Support our work!</strong>
-          </div>
-          <p>
-            We’re participating in the
-            <a href="https://www.avivacommunityfund.co.uk/p/the-restart-project-1" target="_blank" rel="noopener">Aviva crowdfunder</a>
-            this year. Until the end of 2023 every donation will be doubled!
-          </p>
-          <p>
-            Find out more about how your donation will support our work
-            <a href="https://talk.restarters.net/t/were-participating-in-the-aviva-crowdfunder/18990" target="_blank" rel="noopener">here</a>.
-          </p>
-        </div>
-      </div>
-
-      <div class="float-right mt-3 mt-sm-0">
-          <a href='https://www.avivacommunityfund.co.uk/p/the-restart-project-1' class='btn btn-md btn-primary btn-block' target="_blank" rel="noopener" title=''>Double your donation now</a>
-      </div>
-    </div>
-  </b-alert>
-</template>
-<script>
-import moment from 'moment'
-
-export default {
-  data () {
-    return {
-      // Change this id to something unique each time you edit this - it's used to remember not to show dismissed
-      // banners.
-      id: 'aviva-crowdfunder-2023',
-
-      // Change this to 'secondary' for yellow or 'danger' for pink.
-      variant: 'secondary'
-    }
-  },
-  computed: {
-    bannerActive() {
-      var now = moment()
-
-      return now.isAfter('2023-11-27 00:00') && now.isBefore('2023-12-31 23:59')
-    },
-    show() {
-      let ret = true
-
-      try {
-        ret = !localStorage.getItem('banner-' + this.id)
-      } catch (e) {
-        console.log("Get local failed", e)
-      }
-
-      return ret
-    }
-  },
-  methods: {
-    dismissed() {
-      try {
-        localStorage.setItem('banner-' + this.id, true)
-      } catch (e) {
-        console.log("Set local failed", e)
-      }
-    }
-  }
-}
-</script>
diff --git a/resources/js/components/DashboardPage.vue b/resources/js/components/DashboardPage.vue
index 3217de69ea..17f41c163e 100644
--- a/resources/js/components/DashboardPage.vue
+++ b/resources/js/components/DashboardPage.vue
@@ -6,7 +6,7 @@
       <b-img-lazy fluid src="/images/confetti_doodle.svg" class="d-none d-md-block" />
     </div>
     <div class="dp-layout mt-4 mb-4">
-      <DashboardBanner class="banner" />
+      <AlertBanner class="banner" />
       <div class="yourgroups">
         <DashboardYourGroups :newGroups="newGroups" :nearbyGroups="nearbyGroups" :location="location" />
       </div>
@@ -23,14 +23,14 @@
 </template>
 <script>
 import auth from '../mixins/auth'
-import DashboardBanner from './DashboardBanner'
+import AlertBanner from './AlertBanner'
 import DashboardYourGroups from './DashboardYourGroups'
 import DashboardRightSidebar from './DashboardRightSidebar'
 import DiscourseDiscussion from './DiscourseDiscussion'
 import DashboardAddData from './DashboardAddData'
 
 export default {
-  components: {DashboardAddData, DashboardYourGroups,DashboardRightSidebar,DashboardBanner,DiscourseDiscussion},
+  components: {DashboardAddData, DashboardYourGroups,DashboardRightSidebar,AlertBanner,DiscourseDiscussion},
   mixins: [ auth ],
   props: {
     yourGroups: {
diff --git a/resources/js/components/EventPage.vue b/resources/js/components/EventPage.vue
index 9645aff624..414e0cd104 100644
--- a/resources/js/components/EventPage.vue
+++ b/resources/js/components/EventPage.vue
@@ -1,20 +1,23 @@
 <template>
-  <div v-if="event">
-    <EventHeading :idevents="idevents" :canedit="canedit" :candelete="candelete" :is-admin="isAdmin" :in-group="inGroup" :is-attending="isAttending" />
-    <div class="ep-layout">
-      <div>
-        <EventDetails class="pr-md-3" :idevents="idevents" :hosts="hosts" :calendar-links="calendarLinks" :is-attending="isAttending" :discourse-thread="discourseThread" />
-        <EventDescription class="pr-md-3" :idevents="idevents" />
+  <div>
+    <AlertBanner />
+    <div v-if="event">
+      <EventHeading :idevents="idevents" :canedit="canedit" :candelete="candelete" :is-admin="isAdmin" :in-group="inGroup" :is-attending="isAttending" />
+      <div class="ep-layout">
+        <div>
+          <EventDetails class="pr-md-3" :idevents="idevents" :hosts="hosts" :calendar-links="calendarLinks" :is-attending="isAttending" :discourse-thread="discourseThread" />
+          <EventDescription class="pr-md-3" :idevents="idevents" />
+        </div>
+        <div>
+          <EventAttendance class="pl-md-3" :idevents="idevents" :canedit="canedit" :invitations="invitations" />
+        </div>
       </div>
+      <EventImages :images="images" v-if="images && images.length" />
       <div>
-        <EventAttendance class="pl-md-3" :idevents="idevents" :canedit="canedit" :invitations="invitations" />
+        <EventStats :idevents="idevents" />
+        <EventDevices id="devices-section":idevents="idevents" :canedit="canedit || isAttending" :devices="devices" :clusters="clusters" :brands="brands" :barrier-list="barrierList" />
       </div>
     </div>
-    <EventImages :images="images" v-if="images && images.length" />
-    <div>
-      <EventStats :idevents="idevents" />
-      <EventDevices id="devices-section":idevents="idevents" :canedit="canedit || isAttending" :devices="devices" :clusters="clusters" :brands="brands" :barrier-list="barrierList" />
-    </div>
   </div>
 </template>
 <script>
@@ -27,9 +30,10 @@ import EventImages from './EventImages'
 import EventStats from './EventStats'
 import EventDevices from './EventDevices'
 import auth from '../mixins/auth'
+import AlertBanner from './AlertBanner'
 
 export default {
-  components: {EventDevices, EventStats, EventImages, EventAttendance, EventDescription, EventDetails, EventHeading},
+  components: {EventDevices, EventStats, EventImages, EventAttendance, EventDescription, EventDetails, EventHeading, AlertBanner},
   mixins: [ event, auth ],
   props: {
     initialEvent: {
diff --git a/resources/js/components/FixometerPage.vue b/resources/js/components/FixometerPage.vue
index 8d8630d3b9..c4ccc3de73 100644
--- a/resources/js/components/FixometerPage.vue
+++ b/resources/js/components/FixometerPage.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="mb-2">
+    <AlertBanner />
     <FixometerHeading />
     <FixometerGlobalImpact :latest-data="latestData" :impact-data="impactData" class="mt-4" />
     <hr class="mt-md-50 hr-dashed">
@@ -171,9 +172,11 @@ import FixometerRecordsTable from './FixometerRecordsTable'
 import FixometerFilters from './FixometerFilters'
 import CollapsibleSection from './CollapsibleSection'
 import auth from '../mixins/auth'
+import AlertBanner from './AlertBanner'
 
 export default {
-  components: {CollapsibleSection, FixometerFilters, FixometerRecordsTable, FixometerGlobalImpact, FixometerHeading},
+  components: {
+    CollapsibleSection, FixometerFilters, FixometerRecordsTable, FixometerGlobalImpact, FixometerHeading, AlertBanner},
   mixins: [ auth ],
   props: {
     latestData: {
diff --git a/resources/js/components/GroupEvents.vue b/resources/js/components/GroupEvents.vue
index b44c013bb1..5bbe21547e 100644
--- a/resources/js/components/GroupEvents.vue
+++ b/resources/js/components/GroupEvents.vue
@@ -1,5 +1,6 @@
 <template>
   <div>
+    <AlertBanner v-if="banner" />
     <CollapsibleSection class="lineheight" collapsed :count="upcomingOrActive.length" count-badge :heading-level="headingLevel">
       <template slot="title">
         <div class="d-flex justify-content-between w-100">
@@ -59,12 +60,14 @@ import moment from 'moment'
 import CalendarAddModal from './CalendarAddModal'
 import GroupEventsTab from './GroupEventsTab'
 import CollapsibleSection from './CollapsibleSection'
+import AlertBanner from './AlertBanner'
 
 export default {
   components: {
     CollapsibleSection,
     GroupEventsTab,
     CalendarAddModal,
+    AlertBanner,
   },
   mixins: [ group ],
   props: {
@@ -119,6 +122,11 @@ export default {
       required: false,
       default: null
     },
+    banner: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
   },
   computed: {
     events() {
diff --git a/resources/js/components/GroupEventsPage.vue b/resources/js/components/GroupEventsPage.vue
index a612ba8cf3..d061bae80f 100644
--- a/resources/js/components/GroupEventsPage.vue
+++ b/resources/js/components/GroupEventsPage.vue
@@ -1,5 +1,6 @@
 <template>
   <div v-if="group">
+    <AlertBanner />
     <GroupEvents
         heading-level="h1"
         heading-sub-level="h2"
@@ -14,10 +15,11 @@
 <script>
 import GroupEvents from './GroupEvents'
 import auth from '../mixins/auth'
+import AlertBanner from './AlertBanner'
 
 export default {
   components: {
-    GroupEvents
+    GroupEvents, AlertBanner
   },
   mixins: [ auth ],
   props: {
diff --git a/resources/js/components/GroupPage.vue b/resources/js/components/GroupPage.vue
index ae375f5090..9d681a9d6a 100644
--- a/resources/js/components/GroupPage.vue
+++ b/resources/js/components/GroupPage.vue
@@ -1,5 +1,6 @@
 <template>
   <div v-if="group">
+    <AlertBanner />
     <div class="alert alert-success" v-if="haveLeft" v-html="translatedHaveLeft" />
     <GroupHeading
         :idgroups="idgroups"
@@ -57,6 +58,7 @@ import GroupEvents from './GroupEvents'
 import GroupDevicesWorkedOn from './GroupDevicesWorkedOn'
 import GroupDevicesMostRepaired from './GroupDevicesMostRepaired'
 import GroupDevicesBreakdown from './GroupDevicesBreakdown'
+import AlertBanner from './AlertBanner'
 import auth from '../mixins/auth'
 
 export default {
@@ -68,7 +70,8 @@ export default {
     GroupStats,
     GroupVolunteers,
     GroupDescription,
-    GroupHeading
+    GroupHeading,
+    AlertBanner
   },
   mixins: [ auth ],
   props: {
diff --git a/resources/js/components/MicrotaskingPage.vue b/resources/js/components/MicrotaskingPage.vue
index cc06f8bc3b..40e367325f 100644
--- a/resources/js/components/MicrotaskingPage.vue
+++ b/resources/js/components/MicrotaskingPage.vue
@@ -1,5 +1,6 @@
 <template>
 <div>
+    <AlertBanner />
     <h1 class="d-flex justify-content-between">
         <div class="d-flex">
             <div class="mt-2">
@@ -33,16 +34,16 @@
     </div>
 </div>
 </template>
-
 <script>
 import MicrotaskingCallToAction from './MicrotaskingCallToAction'
 import MicrotaskingVolunteering from './MicrotaskingVolunteering'
 import MicrotaskingNews from './MicrotaskingNews'
 import auth from '../mixins/auth'
 import DiscourseDiscussion from './DiscourseDiscussion'
+import AlertBanner from "./AlertBanner";
 
 export default {
-  components: {MicrotaskingCallToAction, MicrotaskingVolunteering, DiscourseDiscussion, MicrotaskingNews},
+  components: {MicrotaskingCallToAction, MicrotaskingVolunteering, DiscourseDiscussion, MicrotaskingNews, AlertBanner},
   mixins: [ auth ],
   props: {
     activeQuest: {
diff --git a/resources/js/store/alerts.js b/resources/js/store/alerts.js
new file mode 100644
index 0000000000..14e1228586
--- /dev/null
+++ b/resources/js/store/alerts.js
@@ -0,0 +1,35 @@
+import Vue from 'vue'
+
+const axios = require('axios')
+
+export default {
+    namespaced: true,
+    fetching: null,
+    state: {
+        // Array indexed by event id containing array of attendees.
+        list: []
+    },
+    getters: {
+        list: state => {
+            return state.list
+        }
+    },
+    mutations: {
+        setList(state, list) {
+            Vue.set(state, 'list', list)
+        },
+    },
+    actions: {
+        async fetch({ commit, state }) {
+            // Item types don't change often, so only fetch if we don't have them in store.
+            if (!state.fetching && !state.list.length) {
+                state.fetching = axios.get('/api/v2/alerts')
+            }
+
+            let ret = await state.fetching
+            if (ret && ret.data) {
+                commit('setList', ret.data.data)
+            }
+        }
+    },
+}
\ No newline at end of file
diff --git a/resources/js/store/index.js b/resources/js/store/index.js
index e6b394f9a5..17e71f48fc 100644
--- a/resources/js/store/index.js
+++ b/resources/js/store/index.js
@@ -8,6 +8,7 @@ import groupsModule from './groups';
 import volunteersModule from './volunteers';
 import networksModule from './networks';
 import itemsModule from './items';
+import alertsModule from './alerts';
 
 Vue.use(Vuex);
 
@@ -21,5 +22,6 @@ export default new Vuex.Store({
     volunteers: volunteersModule,
     networks: networksModule,
     items: itemsModule,
+    alerts: alertsModule,
   },
 });
\ No newline at end of file
diff --git a/resources/js/store/items.js b/resources/js/store/items.js
index 0a48e0b773..46768a3866 100644
--- a/resources/js/store/items.js
+++ b/resources/js/store/items.js
@@ -17,7 +17,7 @@ export default {
     mutations: {
         setList(state, list) {
             Vue.set(state, 'list', list)
-h        },
+        },
     },
     actions: {
         async fetch({ commit, state }) {
diff --git a/resources/views/events/index.blade.php b/resources/views/events/index.blade.php
index efc119547b..d4c0f5c993 100644
--- a/resources/views/events/index.blade.php
+++ b/resources/views/events/index.blade.php
@@ -93,6 +93,7 @@
             add-group-name
             show-other
             location="{{ Auth::user()->location ?? '' }}"
+            banner
         />
       </div>
       @else
diff --git a/resources/views/partials/information-alert.blade.php b/resources/views/partials/information-alert.blade.php
deleted file mode 100644
index 1778bb8f8c..0000000000
--- a/resources/views/partials/information-alert.blade.php
+++ /dev/null
@@ -1,19 +0,0 @@
-@if ( is_null(Cookie::get("information-alert-dismissed-{$dismissable_id}")) && Auth::check() )
-
-  <div class="alert alert-secondary information-alert alert-dismissible fade show @isset($classes) @foreach ($classes as $class) {{ $class }} @endforeach @endisset" role="alert" id="{{ $dismissable_id }}">
-    <div class="d-sm-flex flex-row justify-content-between align-items-center">
-      <div class="action-text-left float-left d-flex flex-row">
-        <span class="icon my-auto">@include('partials.svg-icons.calendar-icon-lg')</span>
-        <p class="action-text mb-0">{!! $html_text !!}</p>
-      </div>
-
-      <div class="float-right">
-        @php( $user = Auth::user() )
-        <button type="button" class="close set-dismissed-cookie float-none ml-2" data-dismiss="alert" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-      </div>
-    </div>
-  </div>
-
-@endif
diff --git a/routes/api.php b/routes/api.php
index 784a66230c..eb12a60d10 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -103,5 +103,11 @@
         });
 
         Route::get('/items', [API\ItemController::class, 'listItemsv2']);
+
+        Route::prefix('/alerts')->group(function() {
+            Route::get('/', [API\AlertController::class, 'listAlertsv2']);
+            Route::put('/', [API\AlertController::class, 'addAlertv2']);
+            Route::patch('/{id}', [API\AlertController::class, 'updateAlertv2']);
+        });
     });
 });
\ No newline at end of file
diff --git a/tests/Feature/Alerts/AlertsTest.php b/tests/Feature/Alerts/AlertsTest.php
new file mode 100644
index 0000000000..ee51eb136e
--- /dev/null
+++ b/tests/Feature/Alerts/AlertsTest.php
@@ -0,0 +1,120 @@
+<?php
+
+namespace Tests\Feature\Alerts;
+
+use App\Alerts;
+use App\Role;
+use Cache;
+use DB;
+use Hash;
+use Tests\TestCase;
+use Illuminate\Auth\AuthenticationException;
+
+class AlertsTest extends TestCase
+{
+    protected function setUp(): void
+    {
+        parent::setUp();
+        Cache::clear('alerts');
+    }
+
+    public function testListNonePresent()
+    {
+        // List - no alerts present.
+        $response = $this->get('/api/v2/alerts');
+        $response->assertSuccessful();
+
+        $json = json_decode($response->getContent(), true);
+        self::assertEquals(0, count($json['data']));
+    }
+
+    /**
+     * @dataProvider roleProvider
+     */
+    public function testCreate($role, $allowed) {
+        $user = null;
+        $tokenstr = null;
+
+        if ($role != Role::GUSET) {
+            $user = $this->loginAsTestUser($role);
+            $token = $user->api_token;
+            $tokenstr = "?api_token=$token";
+        }
+
+        if (!$allowed) {
+            $this->expectException(AuthenticationException::class);
+        }
+
+        $response = $this->put('/api/v2/alerts' . $tokenstr, [
+            'title' => 'Test alert',
+            'html' => '<p>Test alert</p>',
+            'start' => '2001-01-01T00:00:00Z',
+            'end' => '2038-01-01T02:00:00Z',
+        ]);
+
+        if ($allowed) {
+            $response->assertSuccessful();
+            $json = json_decode($response->getContent(), true);
+            $id = $json['id'];
+            self::assertNotNull($id);
+
+            // Should be able to see it in the list.
+            $response = $this->get('/api/v2/alerts' . $tokenstr);
+            $response->assertSuccessful();
+
+            $json = json_decode($response->getContent(), true);
+            self::assertEquals(1, count($json['data']));
+            self::assertEquals($id, $json['data'][0]['id']);
+
+            // Should be able to edit it.
+            $response = $this->patch("/api/v2/alerts/$id" . $tokenstr, [
+                'title' => 'Test alert2',
+                'html' => '<p>Test alert2</p>',
+                'start' => '2001-01-02T00:00:00Z',
+                'end' => '2038-01-02T02:00:00Z',
+            ]);
+
+            $response = $this->get('/api/v2/alerts' . $tokenstr);
+            $response->assertSuccessful();
+
+            $json = json_decode($response->getContent(), true);
+            self::assertEquals(1, count($json['data']));
+            self::assertEquals($id, $json['data'][0]['id']);
+            self::assertEquals('Test alert2', $json['data'][0]['title']);
+            self::assertEquals('<p>Test alert2</p>', $json['data'][0]['html']);
+            self::assertEquals('2001-01-02T00:00:00+00:00', $json['data'][0]['start']);
+            self::assertEquals('2038-01-02T02:00:00+00:00', $json['data'][0]['end']);
+
+            // No delete call - can fake by editing the start/end time.
+        }
+    }
+
+    public function roleProvider() {
+        return [
+            [ Role::GUSET, FALSE ],
+            [ Role::RESTARTER, FALSE ],
+            [ Role::ADMINISTRATOR, TRUE ],
+            [ Role::NETWORK_COORDINATOR, FALSE ],
+            [ Role::HOST, FALSE ],
+        ];
+    }
+
+    public function testArtisan() {
+        $this->artisan('alert:create', [
+            'title' => 'Test alert',
+            'html' => '<p>Test alert</p>',
+            'start' => 'today',
+            'end' => 'tomorrow',
+        ])->assertExitCode(0);
+
+        $response = $this->get('/api/v2/alerts');
+        $response->assertSuccessful();
+
+        $json = json_decode($response->getContent(), true);
+        self::assertEquals(1, count($json['data']));
+        self::assertEquals('Test alert', $json['data'][0]['title']);
+        self::assertEquals('<p>Test alert</p>', $json['data'][0]['html']);
+        self::assertEquals(date('Y-m-d') . 'T00:00:00+00:00', $json['data'][0]['start']);
+        self::assertEquals(date('Y-m-d', strtotime('+1 day')) . 'T00:00:00+00:00', $json['data'][0]['end']);
+    }
+}
diff --git a/tests/TestCase.php b/tests/TestCase.php
index 1d1a235735..c1b2116bde 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -20,6 +20,7 @@
 use App\User;
 use App\UserGroups;
 use App\Xref;
+use App\Alert;
 use Auth;
 use Carbon\Carbon;
 use DB;
@@ -62,6 +63,7 @@ protected function setUp(): void
         Images::truncate();
         UsersSkills::truncate();
         Skills::truncate();
+        Alert::truncate();
         DB::statement('delete from audits');
         DB::delete('delete from user_network');
         DB::delete('delete from grouptags_groups');