Style learning sequence

client/src/components/circle/LearningSequence.vue

@@ -0,0 +1,21 @@
+<script setup>
+defineProps(['learningSequence'])
+
+</script>
+
+<template>
+  <div class="mb-8 learning-sequence">
+    <h3 class="mb-2">{{ learningSequence.title }}</h3>
+
+    <div class="bg-white p-4 border border-slate-300 border-l-4 border-l-blue-500">
+      <div v-for="learningPackage in learningSequence.learning_packages">
+        <h3>{{ learningPackage.id }}</h3>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<style scoped>
+
+</style>

client/src/views/Circle.vue

@@ -1,9 +1,10 @@
 <script>
 import axios from 'axios';
 import MainNavigationBar from '../components/MainNavigationBar.vue';
+import LearningSequence from '../components/circle/LearningSequence.vue';
 
 export default {
-  components: { MainNavigationBar },
+  components: { LearningSequence, MainNavigationBar },
   props: ['circleSlug',],
   data() {
     return {
@@ -56,10 +57,7 @@ export default {
 
       <div class="flex-auto bg-blue-100 p-8 pl-24">
         <div v-for="learningSequence in circleData.learning_sequences">
-          <h2>{{ learningSequence.title }}</h2>
-          <div v-for="learningPackage in learningSequence.learning_packages">
-            <h3>{{ learningPackage.id }}</h3>
-          </div>
+          <LearningSequence :learning-sequence="learningSequence"></LearningSequence>
         </div>
 
       </div>

server/config/settings/local.py

@@ -1,42 +0,0 @@
-# pylint: disable=unused-wildcard-import,wildcard-import,wrong-import-position
-import getpass
-import os
-
-from .base import *  # noqa
-from .base import env
-
-# GENERAL
-# ------------------------------------------------------------------------------
-# https://docs.djangoproject.com/en/dev/ref/settings/#secret-key
-SECRET_KEY = env(
-    "VBV_DJANGO_SECRET_KEY",
-    default="1NpUCSvAKLpDZL9e3tqDaUesdfsadfasdfasdfMD3UjB72ZS",
-)
-# https://docs.djangoproject.com/en/dev/ref/settings/#test-runner
-TEST_RUNNER = "django.test.runner.DiscoverRunner"
-
-# PASSWORDS
-# ------------------------------------------------------------------------------
-# https://docs.djangoproject.com/en/dev/ref/settings/#password-hashers
-PASSWORD_HASHERS = ["django.contrib.auth.hashers.MD5PasswordHasher"]
-
-# EMAIL
-# ------------------------------------------------------------------------------
-# https://docs.djangoproject.com/en/dev/ref/settings/#email-backend
-EMAIL_BACKEND = "django.core.mail.backends.locmem.EmailBackend"
-
-
-class DisableMigrations(dict):
-    def __contains__(self, item):
-        return True
-
-    def __getitem__(self, item):
-        return None
-
-#MIGRATION_MODULES = DisableMigrations()
-
-
-
-
-# Your stuff...
-# ------------------------------------------------------------------------------