From c2c6beba70f02d5ce9489c7d094b8ec4957f9214 Mon Sep 17 00:00:00 2001
From: barney <15270405776@163.com>
Date: Sun, 2 Oct 2022 00:49:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 article/serializers.py                     |   5 +-
 article/views.py                           |   4 +-
 db.sqlite3                                 | Bin 196608 -> 196608 bytes
 drf_vue_blog/settings.py                   |   2 +-
 frontend/.gitignore                        |   3 +-
 frontend/src/App.vue                       |   4 +-
 frontend/src/components/ArticleList.vue    | 129 +++++++---
 frontend/src/components/BlogFooter.vue     |  10 +-
 frontend/src/components/BlogHeader.vue     |  36 ++-
 frontend/src/components/CommentView.vue    | 170 +++++++++++++
 frontend/src/router/index.js               |   7 +-
 frontend/src/store/index.js                |   8 +-
 frontend/src/utils/authorization.js        |   9 +-
 frontend/src/views/ArticleCreate.vue       | 156 ++++++++----
 frontend/src/views/ArticleDetailView.vue   | 123 +++++----
 frontend/src/views/ArticleEdit.vue         | 275 +++++++++++++++++++++
 frontend/src/views/LoginView.vue           |  12 +-
 frontend/src/views/UserCenterView.vue      |   4 +-
 media/avatar/20220928/apple_06.png         | Bin 0 -> 1314 bytes
 media/avatar/20220929/apple_02.png         | Bin 0 -> 2092 bytes
 media/avatar/20220929/apple_02_XwdRCGC.png | Bin 0 -> 2092 bytes
 media/avatar/20220929/apple_03.png         | Bin 0 -> 1553 bytes
 media/avatar/20220929/apple_03_UySCYTE.png | Bin 0 -> 1553 bytes
 media/avatar/20220929/apple_03_ZIeet1U.png | Bin 0 -> 1553 bytes
 media/avatar/20220929/apple_04.png         | Bin 0 -> 943 bytes
 media/avatar/20220929/apple_06.png         | Bin 0 -> 1314 bytes
 media/avatar/20220929/apple_06_wFiaqpZ.png | Bin 0 -> 1314 bytes
 media/avatar/20220929/apple_08.png         | Bin 0 -> 1420 bytes
 media/avatar/20220929/apple_08_MJp2UUi.png | Bin 0 -> 1420 bytes
 media/avatar/20220929/apple_09.png         | Bin 0 -> 1865 bytes
 media/avatar/20220930/apple_02.png         | Bin 0 -> 2092 bytes
 media/avatar/20220930/apple_03.png         | Bin 0 -> 1553 bytes
 media/avatar/20221001/apple_00.png         | Bin 0 -> 1006 bytes
 media/avatar/20221001/apple_03.png         | Bin 0 -> 1553 bytes
 requirements.txt                           | Bin 250 -> 2138 bytes
 35 files changed, 778 insertions(+), 179 deletions(-)
 create mode 100644 frontend/src/components/CommentView.vue
 create mode 100644 frontend/src/views/ArticleEdit.vue
 create mode 100644 media/avatar/20220928/apple_06.png
 create mode 100644 media/avatar/20220929/apple_02.png
 create mode 100644 media/avatar/20220929/apple_02_XwdRCGC.png
 create mode 100644 media/avatar/20220929/apple_03.png
 create mode 100644 media/avatar/20220929/apple_03_UySCYTE.png
 create mode 100644 media/avatar/20220929/apple_03_ZIeet1U.png
 create mode 100644 media/avatar/20220929/apple_04.png
 create mode 100644 media/avatar/20220929/apple_06.png
 create mode 100644 media/avatar/20220929/apple_06_wFiaqpZ.png
 create mode 100644 media/avatar/20220929/apple_08.png
 create mode 100644 media/avatar/20220929/apple_08_MJp2UUi.png
 create mode 100644 media/avatar/20220929/apple_09.png
 create mode 100644 media/avatar/20220930/apple_02.png
 create mode 100644 media/avatar/20220930/apple_03.png
 create mode 100644 media/avatar/20221001/apple_00.png
 create mode 100644 media/avatar/20221001/apple_03.png

diff --git a/article/serializers.py b/article/serializers.py
index 6a8e442..f4adcce 100644
--- a/article/serializers.py
+++ b/article/serializers.py
@@ -154,7 +154,6 @@ class TagSerializer(serializers.ModelSerializer):
     # 显示url
     # url = serializers.HyperlinkedIdentityField(view_name='tag-detail')
 
-
     class Meta:
         model = Tag
         fields = '__all__'
@@ -167,11 +166,11 @@ class TagSerializer(serializers.ModelSerializer):
 
     def create(self, validated_data):
         self.check_tag_obj_exists(validated_data)
-        return super(TagSerializer, self).create(validated_data)
+        return super().create(validated_data)
 
     def update(self, instance, validated_data):
         self.check_tag_obj_exists(validated_data)
-        return super(TagSerializer, self).update(instance, validated_data)
+        return super().update(instance, validated_data)
 
 
 
diff --git a/article/views.py b/article/views.py
index 8d11b17..7530145 100644
--- a/article/views.py
+++ b/article/views.py
@@ -1,7 +1,7 @@
 from rest_framework import viewsets
 from article.serializers import ArticleSerializer, CategorySerializer, CategoryDetailSerializer
-from article.serializers import TagSerializer,ArticleDetailSerializer, AvatarSerializer
-from article.models import Article, Category, Tag , Avatar
+from article.serializers import TagSerializer, ArticleDetailSerializer, AvatarSerializer
+from article.models import Article, Category, Tag, Avatar
 from article.permissions import IsAdminUserOrReadOnly
 from rest_framework.filters import SearchFilter
 
diff --git a/db.sqlite3 b/db.sqlite3
index 24808d2e2caed7f031b149f20e758e5fd2c0aa76..cf459eabfc40f9fd2dc81af14c359613ce1547f4 100644
GIT binary patch
delta 4799
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
Lx<CaH1kU##ABx%z

delta 1778
zcmZ`(Yitx%6u$S)?C#9$&K%mN&?1z@f`HKNJa+aKD{R{(P$*ca(C`Q@-O|?3ZEd%N
zHX7ELpovD54UQ&2G$Hsyk_J|~K_iLiFCZWgVNF^dmb8$ls0j}r5$~O10i&~<@7}rR
z&N<&X_k1^<_N3FEccv2D_U^Q5iick~=$q;&oXpL`@$OW6^VXJ4@on)`yxUV!%$eAF
zwHX(Y9w}p1F2q8nw=(90DGtuSnJ+y>nG2Q0Sj^t6EKvda5K$IkC9f=!kIBcfGrcZ3
zJEh|TT&#z@sv0o^5mobPdLW<%`?qvi4QFvtCZGI>M+oiAywW*yN4vhHesR-F^&N>d
z-9~?Fyt-xEmQ{&a{o#&vp{D54cw<oC-d>knwqk2-SZfZNHM+koWz;WS(OVPjUm7z4
z(W+ESPfAyHy+RFF=mD>0Ml>~|sy-T13xzca?ji!C2!4W5_M@R6KH0MLQOKO%F<Yc-
zBJ<=rlIAA~M9$K`lBXGcEN8R(FlkEE_AH5P>f2ml#JcL*)I{Ct6+Me%eT}_cYnnTH
zx36iBEngdK=r(&>8&k{ICYx<anp&ah4=bUYx)JniehG#sr`-s4LoQp;wG;SRTs_WQ
z-S2&Ea3D80fR}lnpoAnih2Rgk1HZrzFb3blDHwu_@C{`(OUW&|j63jZ#IM9oG`qrx
z_H=f%q}tk(tv;Wxxh<Y-ZAoZ6Ct`4L7!$=t*+z*idl<MGhztY<E(XrQtC;r+1P&nh
z3Jy?y??ZVR7sdad5y#A#<NK#t*MK~rewtAqCw_-g&%-dBhtrh0N6F1CBX3~quV=|L
zzfEYIqD@9-6ch$FODE4EMiou4MA$XxC3sRXEszUNBI@-d+=K7nCXIHD`mdF9>#B%K
ztV9`^E<G;^NSk9sv1q{zQd;NYF~$NXIeAQz7VTFzaoVFy`0;naVVgaI{VH)TnFixw
z7{Oh*1=ndR7vKaf%wZ^*RQ@8B&VsJKR9k0~?n2U(L`z4fW(}_-b4n!l0EUCGT<%m3
zdiJ>o<gewYmCXuJni;n>u%6_LS=ZWP@dqPX&=(4rA<eM%ZXk;vh={JMA)nvy2TYSF
zZtLy_@}zZfJt?TIkwsKIo#lpX5$L+E(Pu&ohF1$k*yrlR(s-mm#Ps_@YAC4rt>i{h
zGyMUBKtwluYDhIgW+LXH&dZIch^#NF$bubyuWm$4E#g;wW?1#>A>}v3Hvru<KN=OW
z&7i#8J9_lZ8v}br-+O)RlMf${YKB-;&94Q*4=Ijc6OUL(wIU)Yin630O{Qw%MllUv
z*a#Y$@h|r@sede_K@`w@dg>w?J9Oy!XKz{QjYPBd&LD*XJ)+gjWNqI_!qzhjNuku_
z641PPGz(;DW#l=Fw$HlB65OW!bq>KLI0wJeV;`Z%ev=;h=MZB}D@Znq3_Suvx09jF
z+j9qv<8ZU7<dW#z1$hLw;WBO05$Y}vx3UH46R?Es;OthnJrUanv3&>*CIj2`cn5lv
z6oM;o9QMJ>upS~%s@zj9DTB%$B}F@`Q6V!t*0o)vG`H(*(p@m2kQ-DVSK()>5vmoM
z!KbjwDe;Kuz#-C66dVE@JWeNDrE=ieC^K2mQR18qdtG3ONO0!yOKF%Ua{<m!zem7I
z-zU6v>^|`oGRZiUAp~bB-7WBxGDIn!RB}US$Xu*AV1#+OP3uYvLQ8QDtdT2Z=6@S*
j*@iI$f5MMcg1^ET{o-3FWyRxZl@R7xsW=9N<B<3_r_G@h

diff --git a/drf_vue_blog/settings.py b/drf_vue_blog/settings.py
index 801c357..53aa989 100644
--- a/drf_vue_blog/settings.py
+++ b/drf_vue_blog/settings.py
@@ -139,7 +139,7 @@ DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
 # simple_jwt配置
 
 SIMPLE_JWT = {
-    'ACCESS_TOKEN_LIFETIME': timedelta(minutes=1),  # 令牌有效时间为1分钟,便于测试
+    'ACCESS_TOKEN_LIFETIME': timedelta(days=1),  # 令牌有效时间为1天
     'REFRESH_TOKEN_LIFETIME': timedelta(days=10),  # 令牌每10天刷新一次
 }
 
diff --git a/frontend/.gitignore b/frontend/.gitignore
index 403adbc..c10ad67 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
-/dist
+# /dist文件夹保留
+# /dist 
 
 
 # local env files
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c746211..8b27212 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,10 +1,12 @@
 <template>
 	<router-view />
+
 </template>
 
 <script>
+
 export default {
-	name: "App",
+	name: "App", 
 };
 </script>
 
diff --git a/frontend/src/components/ArticleList.vue b/frontend/src/components/ArticleList.vue
index 88f12eb..d53a03b 100644
--- a/frontend/src/components/ArticleList.vue
+++ b/frontend/src/components/ArticleList.vue
@@ -1,47 +1,52 @@
 <template>
 	<div v-for="article in articles" :key="article.url" id="articles">
-		<!-- 增加了这个 span -->
-		<span v-if="article.category !== null" class="category">
-				{{ article.category.title }}
-		</span>
-		
-		<span v-for="tag in article.tags" v-bind:key="tag" class="tag">
-			{{ tag }}
-		</span>
-		<!-- 路由链接:to的两个参数分别是: 路由名称和传入的id -->
-		<router-link :to="{ name: 'detail', params: { id: article.id } }">
-			<div class="article-title">{{ article.title }}</div>
-		</router-link>
-
-		<div>
-			{{ formatted_time(article.created) }}
+		<div class="grid" :style="gridStyle(article)">
+			<div class="image-container">
+				<img :src="imageIfExists(article)" alt="" class="image" />
+			</div>
+            <div>
+            </div>
+            <div>
+                <span v-if="article.category !== null" class="category">
+                    {{ article.category.title }}
+                </span>
+
+                <span v-for="tag in article.tags" v-bind:key="tag" class="tag">
+                    {{ tag }}
+                </span>
+                <!-- 路由链接:to的两个参数分别是: 路由名称和传入的id -->
+                <router-link :to="{ name: 'detail', params: { id: article.id } }">
+                    <div class="article-title">{{ article.title }}</div>
+                </router-link>
+
+                <div>
+                    {{ formatted_time(article.created) }}
+                </div>
+            </div>
+		</div>
+        </div>
+		<!-- 实现分页 -->
+		<div id="paginator">
+			<span v-if="is_page_exists('previous')">
+				<router-link :to="get_path('previous')"> Prev </router-link>
+			</span>
+			<span class="current-page">
+				{{ get_page_param("current") }}
+			</span>
+			<span v-if="is_page_exists('next')">
+				<router-link :to="get_path('next')"> Next </router-link>
+			</span>
 		</div>
-	</div>
-	<!-- 实现分页 -->
-	<div id="paginator">
-		<span v-if="is_page_exists('previous')">
-			<router-link :to="get_path('previous')"> Prev </router-link>
-		</span>
-		<span class="current-page">
-			{{ get_page_param("current") }}
-		</span>
-		<span v-if="is_page_exists('next')">
-			<router-link :to="get_path('next')"> Next </router-link>
-		</span>
-	</div>
 </template>
 
 <script>
 import $ from "jquery";
-import { onMounted, ref } from "vue";
+import { onMounted, ref, watch} from "vue";
 import { useRoute } from "vue-router";
 
 export default {
 	name: "ArticleList",
 	setup() {
-		onMounted(() => {
-			get_article_data();
-		});
 		let articles = ref([]); // 保存当前页的所有文章
 		let previous = ref(null); // 保存上一页的url
 		let next = ref(null); // 保存下一页的url
@@ -136,21 +141,49 @@ export default {
 			return url;
 		};
 
+        const imageIfExists = (article) => {
+            if (article.avatar) {
+                return article.avatar.content;
+            }
+        };
+
+        const gridStyle = (article) => {
+            if(article.avatar) {
+                return {
+                    display: 'grid',
+                    gridTemplateColumns: '1fr 1fr 8fr',
+                }
+            }
+        };
+
+		onMounted(get_article_data);
+
+
+        // watch(()=>router.fullPath, () => {
+        //     console.log("路由变化了!");
+        //     get_article_data();
+        // })
+        
+        // 和上面的功能等价
+        watch(router,get_article_data);
+
 		return {
 			articles,
 			formatted_time,
 			is_page_exists,
 			get_page_param,
 			get_article_data,
+            imageIfExists,
+            gridStyle,
 			get_path,
 		};
 	},
-	watch: {
-		// 监听路由是否有变化
-		$route() {
-			this.get_article_data();
-		},
-	},
+	// watch: {
+	// 	// 监听路由是否有变化
+	// 	$route() {
+	// 		this.get_article_data();
+	// 	},
+	// },
 };
 </script>
 
@@ -159,12 +192,24 @@ export default {
 	padding: 1rem;
 }
 
+.image {
+	width: 100px;
+	border-radius: 10px;
+	box-shadow: darkslategrey 0 0 12px;
+}
+.image-container {
+	width: 100px;
+}
+.grid {
+	padding-bottom: 10px;
+}
+
 .article-title {
-	font-size: 1.2rem;
+	font-size: 1.5rem;
 	font-weight: bolder;
 	text-decoration: none;
 	color: blue;
-	padding: 5px 0 5px 0;
+	padding: 15px 0 15px 0;
 }
 
 .tag {
@@ -179,11 +224,12 @@ export default {
 
 #paginator {
 	text-align: center;
-	padding-bottom: 4rem;
+	position: relative;
 }
 
 #paginator a {
 	color: black;
+	padding-bottom: 75px;
 }
 
 .current-page {
@@ -191,6 +237,7 @@ export default {
 	font-weight: bold;
 	padding-left: 10px;
 	padding-right: 10px;
+   
 }
 
 .category {
diff --git a/frontend/src/components/BlogFooter.vue b/frontend/src/components/BlogFooter.vue
index 05feaa8..51f312e 100644
--- a/frontend/src/components/BlogFooter.vue
+++ b/frontend/src/components/BlogFooter.vue
@@ -1,15 +1,15 @@
 <template>
 	<div id="footer">
-		<p>&copy; bnblogs.cc</p>
+		<div>
+			<p>&copy; bnblogs.cc</p>
+		</div>
 	</div>
 </template>
 
 <script>
-
 export default {
 	name: "BlogFooter",
 };
-
 </script>
 
 <style scoped>
@@ -22,5 +22,9 @@ export default {
 	background: whitesmoke;
 	text-align: center;
 	font-weight: bold;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 </style>
diff --git a/frontend/src/components/BlogHeader.vue b/frontend/src/components/BlogHeader.vue
index 4e9b7bc..6e89811 100644
--- a/frontend/src/components/BlogHeader.vue
+++ b/frontend/src/components/BlogHeader.vue
@@ -2,7 +2,7 @@
 	<div id="header">
 		<div class="grid">
 			<div></div>
-			<h1>My Drf-Vue Blog</h1>
+			<h1 @click="homePage">My Drf-Vue Blog</h1>
 			<SearchButton />
 		</div>
 		<hr />
@@ -31,7 +31,7 @@
 
 							<router-link
 								:to="{ name: 'ArticleCreate' }"
-								v-if="isSuperUser"
+								v-if="$store.state.isSuperUser"
 							>
 								发表文章
 							</router-link>
@@ -53,44 +53,56 @@
 </template>
 
 <script>
-import { ref } from "vue";
+import { onMounted, ref, watchEffect } from "vue";
 import SearchButton from "@/components/SearchButton.vue";
 import authorization from "@/utils/authorization";
+import router from "@/router/index";
+import { useStore } from "vuex";
 
 const storage = localStorage;
 
-
 export default {
 	name: "BlogHeader",
 	components: {
 		SearchButton,
 	},
-	mounted() {
-		authorization().then((data) => ([this.haslogin, this.username] = data));
-	},
 	setup() {
-        
 		let username = ref("");
 		let haslogin = ref(false);
-        let isSuperUser = ref(false);
 		const quit = () => {
 			window.alert("已退出登录!");
 			console.log("登出成功,过期时间: ", new Date().toLocaleString());
+			router.push({ name: "home" });
 			storage.clear(); // 清除所有有效信息
 			haslogin.value = false;
 		};
 
-        isSuperUser.value = JSON.parse(localStorage.getItem('is_superuser_blog'));
+		const homePage = () => {
+			router.push({ name: "home" });
+		};
 
+		watchEffect(() => {
+			const store = useStore();
+			store.commit(
+				"updateIsSuperUser",
+				JSON.parse(storage.getItem("is_superuser_blog"))
+			);
+		});
+
+		onMounted(() => {
+			authorization().then(
+				(data) => {[haslogin.value, username.value] = data}
+			);
+		});
 
 		return {
 			username,
 			haslogin,
-            isSuperUser,
+			homePage,
 			quit,
 		};
 	},
-    
+
 	methods: {
 		refresh() {
 			this.username = localStorage.getItem("username_blog");
diff --git a/frontend/src/components/CommentView.vue b/frontend/src/components/CommentView.vue
new file mode 100644
index 0000000..1ef3f9d
--- /dev/null
+++ b/frontend/src/components/CommentView.vue
@@ -0,0 +1,170 @@
+<template>
+	<br /><br />
+	<hr />
+	<h3>发表评论</h3>
+	<!-- 评论多行文本输入控件 -->
+	<textarea
+		v-model="message"
+		:placeholder="placeholder"
+		name="comment"
+		id="comment-area"
+		cols="60"
+		rows="10"
+	></textarea>
+	<div>
+		<button @click="submit" class="submitBtn">发布</button>
+	</div>
+
+	<br />
+	<p>已有 {{ comments.length }} 条评论</p>
+	<hr />
+
+	<!-- 渲染所有评论内容 -->
+	<div v-for="comment in comments" :key="comment.id">
+		<div class="comments">
+			<div>
+				<span class="username">
+					{{ comment.author.username }}
+				</span>
+				于
+				<span class="created">
+					{{ formatted_time(comment.created) }}
+				</span>
+				<span v-if="comment.parent">
+					对
+					<span class="parent">
+						{{ comment.parent.author.username }}
+					</span>
+				</span>
+				说道：
+			</div>
+			<div class="content">
+				{{ comment.content }}
+			</div>
+			<div>
+				<button class="commentBtn" @click="replyTo(comment)">
+					回复
+				</button>
+			</div>
+		</div>
+		<hr />
+	</div>
+</template>
+
+<script>
+import $ from 'jquery';
+import authorization from '@/utils/authorization'
+import { ref, watchEffect } from 'vue';
+
+export default {
+	name: "CommentView",
+    props: {
+        article: {
+            type: Object,
+            required: true,
+        }
+    },
+	setup(props) {
+        // 所有评论
+        let comments = ref([]);
+        // 评论控件绑定的文本和占位符
+        let message = ref('');
+        let placeholder = ref('说点啥吧...');
+        // 评论的评论
+        let parentId = ref(null);
+        // 发表评论
+        const submit = () => {
+            authorization().then((response) => {
+                if (response[0]) {
+                    $.ajax({
+                        url: 'http://127.0.0.1:6789/api/comment/',
+                        type: 'POST',
+                        data: {
+                            content: message.value,
+                            article_id: props.article.id,
+                            parent_id: parentId.value,
+
+                        },
+                        headers: {
+                            authorization: "Bearer " + localStorage.getItem('access_blog')
+                        },
+                        success(resp) {
+                            // 将新评论添加到顶部
+                            comments.value.unshift(resp);
+                            message.value = '';
+                            window.alert("留言成功");
+                        }
+                    })
+                }else {
+                    window.alert("请登录后再评论!");
+                }
+            });
+        };
+
+        const replyTo = (comment) => {
+            console.log(comment);
+            parentId.value = comment.id;
+            placeholder.value = '对' + comment.author.username + '说';
+        };
+
+        const formatted_time = (iso_date_string) => {
+            const date = new Date(iso_date_string);
+            return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
+        };
+
+        watchEffect(() => {
+            comments.value = props.article !== null ? props.article.comments : [];
+        }); 
+
+        return {
+            comments,
+            message,
+            placeholder,
+            parentId,
+            submit,
+            replyTo,
+            formatted_time,
+        }
+    },
+};
+</script>
+
+<style scoped>
+button {
+	cursor: pointer;
+	border: none;
+	outline: none;
+	color: whitesmoke;
+	border-radius: 5px;
+}
+.submitBtn {
+	height: 35px;
+	background: steelblue;
+	width: 60px;
+}
+.commentBtn {
+	height: 25px;
+	background: lightslategray;
+	width: 40px;
+    margin-bottom: 40px;
+}
+.comments {
+	padding-top: 10px;
+}
+.username {
+	font-weight: bold;
+	color: darkorange;
+}
+.created {
+	font-weight: bold;
+	color: darkblue;
+}
+.parent {
+	font-weight: bold;
+	color: orangered;
+}
+.content {
+	font-size: large;
+	padding: 15px;
+}
+</style>
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index a18f58b..7bb97e8 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -5,6 +5,7 @@ import LoginView from '@/views/LoginView.vue'
 import RegisterView from '@/views/RegisterView.vue'
 import UserCenter from '@/views/UserCenterView.vue'
 import ArticleCreate from '@/views/ArticleCreate.vue'
+import ArticleEdit from '@/views/ArticleEdit.vue'
 
 const routes = [
     {
@@ -36,7 +37,11 @@ const routes = [
         path : "/article/create/",
         name: "ArticleCreate",
         component: ArticleCreate,
-
+    },
+    {
+        path: "/article/edit/:id",
+        name: "ArticleEdit",
+        component: ArticleEdit,
     }
 ]
 
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 3912ada..e42a22c 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -2,14 +2,18 @@ import { createStore } from 'vuex'
 
 export default createStore({
     state: {
-        islogin: false // 用户是否登录，默认没有登录
+        islogin: false, // 用户是否登录，默认没有登录
+        isSuperUser: false // 默认为非管理员身份
     },
     getters: {
+
     },
     mutations: {
         updateIsLogin(state,islogin) {
             state.islogin = islogin;
-        },
+        },updateIsSuperUser(state, isSuperUser){
+            state.isSuperUser = isSuperUser;
+        }
     },
     actions: {
     },
diff --git a/frontend/src/utils/authorization.js b/frontend/src/utils/authorization.js
index b344526..0d73976 100644
--- a/frontend/src/utils/authorization.js
+++ b/frontend/src/utils/authorization.js
@@ -8,7 +8,6 @@ const authorization = async () => {
     let username = storage.getItem('username_blog');
     // 过期时间
     const expired_time = Number(storage.getItem("expired_time"));
-    console.log("expired_time ",new Date(expired_time).toLocaleString());
     // 当前时间
     const current = new Date().getTime();
     // 刷新令牌
@@ -16,7 +15,7 @@ const authorization = async () => {
     // 未过期
     if (expired_time > current) {
         haslogin = true;
-        console.log('authorization success');
+        // console.log('authorization success');
     }
     // 初始tokeng过期,则由刷新令牌申请新的token
     else if (refreshToken !== null) {
@@ -29,7 +28,7 @@ const authorization = async () => {
                     refresh: refreshToken,
                 },
                 success(resp) {
-                    const nextExpiredTime = new Date().getTime() + 60000;
+                    const nextExpiredTime = new Date().getTime() + 24*3600*1000;
                     storage.setItem("access_blog", resp.access);
                     storage.removeItem("refresh_blog"); // 移除刷新令牌
                     console.log(
@@ -43,13 +42,13 @@ const authorization = async () => {
         }catch(err){
             storage.clear();
             haslogin = false;
-            console.log('authorization err');
+            // console.log('authorization err');
         }
         
     } else {
         storage.clear(); // 清除所有有效信息
         haslogin = false;
-        console.log('authorization exp');
+        // console.log('authorization exp');
     }
 
     console.log('authorization done');
diff --git a/frontend/src/views/ArticleCreate.vue b/frontend/src/views/ArticleCreate.vue
index 469e37e..fcee455 100644
--- a/frontend/src/views/ArticleCreate.vue
+++ b/frontend/src/views/ArticleCreate.vue
@@ -2,6 +2,17 @@
 	<BlogHeader />
 	<div id="article-create">
 		<h3>发表文章</h3>
+		<form id="image_form">
+			<div class="form-elem">
+				<span>文章标题图片:</span>
+				<input
+					v-on:change="onFileChange"
+					type="file"
+					id="file"
+					style="padding-bottom: 10px"
+				/>
+			</div>
+		</form>
 		<form>
 			<div class="form-elem">
 				<span>标题：</span>
@@ -32,12 +43,12 @@
 			</div>
 
 			<div class="form-elem">
-				<span>正文：</span>
+				<div style="margin-bottom: 10px;">正文：</div>
 				<textarea
 					v-model="body"
 					placeholder="输入正文"
 					rows="20"
-					cols="80"
+					cols="100"
 				></textarea>
 			</div>
 
@@ -55,26 +66,26 @@ import BlogFooter from "@/components/BlogFooter.vue";
 import authorization from "@/utils/authorization";
 import $ from "jquery";
 import { onMounted } from "@vue/runtime-core";
+import { useRouter } from 'vue-router';
 import { ref } from "vue";
 export default {
 	name: "ArticleCreate",
 	components: { BlogHeader, BlogFooter },
-	data: function () {
-		return {
-			// 文章标题
-			title: "",
-			// 文章正文
-			body: "",
-			// 数据库中所有的分类
-			// categories: [],
-			// 选定的分类
-			selectedCategory: null,
-			// 标签
-			tags: "",
-		};
-	},
 	setup() {
-		let categories = ref([]);
+        // 文章标题
+		let title =  ref("");
+		// 文章正文
+		let body =  ref("");
+		// 数据库中所有的分类
+		let categories =  ref([]);
+		// 选定的分类
+		let selectedCategory =  ref(null);
+		// 标签
+		let tags = ref("");
+		// 标题图 id
+		let avatarID = ref(null);
+
+        const router = useRouter();
 
 		onMounted(() => {
 			// 页面初始化时获取所有分类
@@ -86,17 +97,12 @@ export default {
 				},
 			});
 		});
-		return {
-			categories,
-		};
-	},
-	methods: {
-		// 根据分类是否被选中，按钮的颜色发生变化
-		// 这里可以看出 css 也是可以被 vue 绑定的，很方便
-		categoryStyle(category) {
+
+        // 根据分类是否被选中，按钮的颜色发生变化
+		const categoryStyle = (category) => {
 			if (
-				this.selectedCategory !== null &&
-				category.id === this.selectedCategory.id
+				selectedCategory.value !== null &&
+				category.id === selectedCategory.value.id
 			) {
 				return {
 					backgroundColor: "black",
@@ -106,38 +112,61 @@ export default {
 				backgroundColor: "lightgrey",
 				color: "black",
 			};
-		},
-		// 选取分类的方法
-		chooseCategory(category) {
+		};
+
+		// 选取分类
+		const chooseCategory = (category) => {
 			// 如果点击已选取的分类，则将 selectedCategory 置空
 			if (
-				this.selectedCategory !== null &&
-				this.selectedCategory.id === category.id
+				selectedCategory.value !== null &&
+				selectedCategory.value.id === category.id
 			) {
-				this.selectedCategory = null;
-			}
-			// 如果没选中当前分类，则选中它
-			else {
-				this.selectedCategory = category;
+				selectedCategory.value = null;
+			} else {
+				selectedCategory.value = category;
 			}
-		},
+		};
+
+        const onFileChange = (e) => {
+			// 将二进制文件数据添加到提交数据中
+			const file = e.target.files[0];
+			let formData = new FormData();
+			formData.append("content", file);
+           
+			$.ajax({
+				url: "http://127.0.0.1:6789/api/avatar/",
+				type: "POST",
+				data: formData,
+                processData: false,
+                contentType: false,
+				headers: {
+					"Authorization":
+						"Bearer " + localStorage.getItem("access_blog"),
+				},
+				success(resp) {
+					avatarID.value = resp.id;
+				}
+			});
+		};
+
 		// 点击提交按钮
-		submit() {
-			const that = this;
+		const submit = () => {
 			// 前面封装的验证函数又用上了
-			authorization().then(function (response) {
+			authorization().then((response) => {
 				if (response[0]) {
 					// 需要传给后端的数据字典
 					let data = {
-						title: that.title,
-						body: that.body,
+						title: title.value,
+						body: body.value,
 					};
+
 					// 添加分类
-					if (that.selectedCategory) {
-						data.category_id = that.selectedCategory.id;
+					if (selectedCategory.value) {
+						data.category_id = selectedCategory.value.id;
 					}
+
 					// 标签预处理
-					data.tags = that.tags
+					data.tags = tags.value
 						// 用逗号分隔标签
 						.split(/[,，]/)
 						// 剔除标签首尾空格
@@ -145,18 +174,22 @@ export default {
 						// 剔除长度为零的无效标签
 						.filter((x) => x.charAt(0) !== "");
 
+                    data.avatar_id = avatarID.value;
+
 					// 将发表文章请求发送至接口
 					// 成功后前往详情页面
 					const token = localStorage.getItem("access_blog");
 					$.ajax({
 						url: "http://127.0.0.1:6789/api/article/",
 						type: "POST",
-						data: data,
+						data: JSON.stringify(data),
+                        contentType: 'application/json',
+                        dataType: 'json',
 						headers: {
 							Authorization: "Bearer " + token,
 						},
 						success(resp) {
-							that.$router.push({
+							router.push({
 								name: "detail",
 								params: { id: resp.id },
 							});
@@ -166,7 +199,22 @@ export default {
 					window.alert("令牌过期，请重新登录。");
 				}
 			});
-		},
+        }
+
+
+        return {
+            categories,
+            title,
+            body,
+            avatarID,
+            tags,
+            selectedCategory,
+            categoryStyle,
+            chooseCategory,
+            onFileChange,
+            submit,
+        }
+
 	},
 };
 </script>
@@ -185,6 +233,14 @@ form {
 	padding-right: 10px;
 	padding-bottom: 100px;
 }
+
+#image_form {
+	text-align: left;
+	padding-left: 100px;
+	padding-right: 10px;
+	padding-bottom: 0px;
+}
+
 .form-elem {
 	padding: 10px;
 }
@@ -203,6 +259,6 @@ button {
 	background-color: steelblue;
 	color: whitesmoke;
 	border-radius: 5px;
-	width: 60px;
+	width: 50px;
 }
 </style>
diff --git a/frontend/src/views/ArticleDetailView.vue b/frontend/src/views/ArticleDetailView.vue
index ca3c2d8..8a91979 100644
--- a/frontend/src/views/ArticleDetailView.vue
+++ b/frontend/src/views/ArticleDetailView.vue
@@ -1,95 +1,114 @@
 <template>
 	<BlogHeader />
-    <div v-if="article !== null" class="grid-container">
-        <div>
-            <h1 id='title'>{{article.title}}</h1>
-            <p id="subtitle">
-                本文由{{article.author.username}} 发布于 {{formatted_time(article.created)}}
-            </p>
-            <div v-html='article.body_html' class="article-body">
-            </div>
-        </div>
+	<div v-if="article !== null" class="grid-container">
+		<div>
+			<h1 id="title">{{ article.title }}</h1>
+			<p id="subtitle">
+				本文由{{ article.author.username }} 发布于
+				{{ formatted_time(article.created) }}
+				<span v-if="isSuperUser">
+					<router-link
+						:to="{
+							name: 'ArticleEdit',
+							params: { id: article.id },
+						}"
+					>
+						更新与删除
+					</router-link>
+				</span>
+			</p>
+			<div v-html="article.body_html" class="article-body"></div>
+		</div>
+
+		<div>
+			<h3>目录</h3>
+			<div v-html="article.toc_html" class="toc"></div>
+		</div>
+	</div>
+
+	<CommentView :article="article" />
 
-        <div>
-            <h3>目录</h3>
-            <div v-html='article.toc_html' class="toc"></div>
-        </div>
-    </div>
 	<BlogFooter />
 </template>
 
 <script>
 import BlogHeader from "@/components/BlogHeader.vue";
 import BlogFooter from "@/components/BlogFooter.vue";
-import $ from 'jquery';
-import { ref } from 'vue';
-import { useRoute } from 'vue-router';
+import CommentView from "@/components/CommentView.vue";
+import $ from "jquery";
+import { ref } from "vue";
+import { useRoute } from "vue-router";
 
 export default {
 	name: "ArticleDetail",
 	components: {
 		BlogHeader,
 		BlogFooter,
+		CommentView,
 	},
 	setup() {
-        let article = ref(null);
-        const route = useRoute(); // 用来解析路由动态参数:id
-        $.ajax({
-            url: "http://127.0.0.1:6789/api/article/" + route.params.id,
-            type: 'GET',
-            success(resp){
-                article.value=resp;
-            },
-            error(resp) {
-                console.log(resp)
-            }
-        });
+		let article = ref(  );
+		const route = useRoute(); // 用来解析路由动态参数:id
+		$.ajax({
+			url: "http://127.0.0.1:6789/api/article/" + route.params.id,
+			type: "GET",
+			success(resp) {
+				article.value = resp;
+			},
+			error(resp) {
+				console.log(resp);
+			},
+		});
 
-        const formatted_time = (iso_date_string) => {
-            const date = new Date(iso_date_string);
-            return date.toLocaleDateString();
-        }
+		const formatted_time = (iso_date_string) => {
+			const date = new Date(iso_date_string);
+			return date.toLocaleDateString();
+		};
 
-        return {
-            article,
-            formatted_time,
-        }
-    },
+		return {
+			article,
+			formatted_time,
+		};
+	},
+	computed: {
+		isSuperUser() {
+			return localStorage.getItem("is_superuser_blog") === "true";
+		},
+	},
 };
 </script>
 
 <style scoped>
 .grid-container {
-    display: grid;
-    grid-template-columns: 3fr 1fr;
+	display: grid;
+	grid-template-columns: 3fr 1fr;
 }
 
 #title {
-    text-align: center;
-    font-size: x-large;
+	text-align: center;
+	font-size: x-large;
 }
 
 #subtitle {
-    text-align: center;
-    color: gray;
-    font-size: small;
+	text-align: center;
+	color: gray;
+	font-size: small;
 }
 </style>
 
 <style>
 .article-body p img {
-    max-width: 100%;
-    border-radius: 50px;
-    box-shadow: gray 0 0 20px;
-
+	max-width: 100%;
+	border-radius: 50px;
+	box-shadow: gray 0 0 20px;
 }
 
 .toc ul {
-    list-style-type: disc;
-    padding-inline-start: 15px;
+	list-style-type: disc;
+	padding-inline-start: 15px;
 }
 
 .toc a {
-    color: gray;
+	color: gray;
 }
 </style>
diff --git a/frontend/src/views/ArticleEdit.vue b/frontend/src/views/ArticleEdit.vue
new file mode 100644
index 0000000..b777033
--- /dev/null
+++ b/frontend/src/views/ArticleEdit.vue
@@ -0,0 +1,275 @@
+<template>
+	<BlogHeader />
+	<div id="article-create">
+		<h3>更新文章</h3>
+		<form>
+			<div class="form-elem">
+				<span>标题：</span>
+				<input v-model="title" type="text" placeholder="输入标题" />
+			</div>
+
+			<div class="form-elem">
+				<span>分类：</span>
+				<span v-for="category in categories" :key="category.id">
+					<!--样式也可以通过 :style 绑定-->
+					<button
+						class="category-btn"
+						:style="categoryStyle(category)"
+						@click.prevent="chooseCategory(category)"
+					>
+						{{ category.title }}
+					</button>
+				</span>
+			</div>
+
+			<div class="form-elem">
+				<span>标签：</span>
+				<input
+					v-model="tags"
+					type="text"
+					placeholder="输入标签，用逗号分隔"
+				/>
+			</div>
+
+			<div class="form-elem">
+				<div style="margin-bottom: 10px">正文：</div>
+				<textarea
+					v-model="body"
+					placeholder="输入正文"
+					rows="20"
+					cols="100"
+				></textarea>
+			</div>
+
+			<div class="form-elem">
+				<button v-on:click.prevent="submit">提交</button>
+				<button
+					v-on:click.prevent="deleteArticle"
+					style="background-color: darkred; margin-left: 30px"
+				>
+					删除
+				</button>
+			</div>
+		</form>
+	</div>
+	<BlogFooter />
+</template>
+
+<script>
+import BlogHeader from "@/components/BlogHeader.vue";
+import BlogFooter from "@/components/BlogFooter.vue";
+import authorization from "@/utils/authorization";
+import $ from "jquery";
+import { onMounted, ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+export default {
+	name: "ArticleEdit",
+	components: { BlogHeader, BlogFooter },
+	setup() {
+		// 文章标题
+		let title = ref("");
+		// 文章内容
+		let body = ref("");
+		// 文章的分类
+		let selectedCategory = ref(null);
+		// 标签
+		let tags = ref("");
+		// 文章id
+		let articleID = ref(null);
+		// 所有分类
+		let categories = ref([]);
+
+		const route = useRoute();
+		const router = useRouter();
+
+		// 页面初始化时获取所有分类
+
+		onMounted(() => {
+			$.ajax({
+				url: "http://127.0.0.1:6789/api/category",
+				type: "GET",
+				success(resp) {
+					categories.value = resp;
+				},
+			});
+
+			$.ajax({
+				url:
+					"http://127.0.0.1:6789/api/article/" +
+					route.params.id +
+					"/",
+				type: "GET",
+				success(resp) {
+					const data = resp;
+					title.value = data.title;
+					body.value = data.body;
+					selectedCategory.value = data.category;
+					tags.value = data.tags.join(",");
+					articleID.value = data.id;
+					console.log(tags.value);
+				},
+			});
+		});
+
+		// 根据分类是否被选中，按钮的颜色发生变化
+		const categoryStyle = (category) => {
+			if (
+				selectedCategory.value !== null &&
+				category.id === selectedCategory.value.id
+			) {
+				return {
+					backgroundColor: "black",
+				};
+			}
+			return {
+				backgroundColor: "lightgrey",
+				color: "black",
+			};
+		};
+
+		// 选取分类
+		const chooseCategory = (category) => {
+			// 如果点击已选取的分类，则将 selectedCategory 置空
+			if (
+				selectedCategory.value !== null &&
+				selectedCategory.value.id === category.id
+			) {
+				selectedCategory.value = null;
+			} else {
+				selectedCategory.value = category;
+			}
+		};
+
+		// 点击提交按钮
+		const submit = () => {
+			authorization().then((response) => {
+				if (response[0]) {
+					let data = {
+						title: title.value,
+						body: body.value,
+					};
+
+					data.category_id = selectedCategory.value
+						? selectedCategory.value.id
+						: null;
+
+					// 标签预处理
+					data.tags = tags.value
+						// 用逗号分隔标签
+						.split(/[,，]/)
+						// 剔除标签首尾空格
+						.map((x) => x.trim())
+						// 剔除长度为零的无效标签
+						.filter((x) => x.charAt(0) !== "");
+
+					const token = localStorage.getItem("access_blog");
+					$.ajax({
+						url:
+							"http://127.0.0.1:6789/api/article/" +
+							articleID.value +
+							"/",
+						type: "PUT",
+						dataType: "json", // 传入json数据，需要写这三行
+                        contentType:"application/json",
+						data: JSON.stringify(data),
+						headers: {
+							Authorization: "Bearer " + token,
+						},
+						success(resp) {
+							router.push({
+								name: "detail",
+								params: { id: resp.id },
+							});
+						},
+						error() {
+							window.alert("令牌过期,请重新登录!");
+						},
+					});
+				} else {
+					window.alert("令牌过期,请重新登录!");
+				}
+			});
+		};
+
+		const deleteArticle = () => {
+			authorization().then((response) => {
+				const token = localStorage.getItem("access_blog");
+				if (response[0]) {
+					$.ajax({
+						url:
+							"http://127.0.0.1:6789/api/article/" +
+							articleID.value +
+							"/",
+						type: "DELETE",
+						headers: {
+							Authorization: "Bearer " + token,
+						},
+						success() {
+							router.push({
+								name: "home",
+							});
+						},
+						error() {
+							window.alert("令牌过期,请重新登录!");
+						},
+					});
+				} else {
+					alert("令牌过期，请重新登录。");
+				}
+			});
+		};
+
+		return {
+			categories,
+			title,
+			body,
+			tags,
+			selectedCategory,
+			categoryStyle,
+			articleID,
+			submit,
+			chooseCategory,
+			deleteArticle,
+		};
+	},
+};
+</script>
+
+<style scoped>
+.category-btn {
+	margin-right: 10px;
+}
+#article-create {
+	text-align: center;
+	font-size: large;
+}
+form {
+	text-align: left;
+	padding-left: 100px;
+	padding-right: 10px;
+	padding-bottom: 50px;
+}
+.form-elem {
+	padding: 10px;
+}
+.form-elem-1 {
+	display: inline-block;
+	padding: 10px;
+}
+input {
+	height: 25px;
+	padding-left: 10px;
+	width: 50%;
+}
+button {
+	height: 35px;
+	cursor: pointer;
+	border: none;
+	outline: none;
+	background: steelblue;
+	color: whitesmoke;
+	border-radius: 5px;
+	width: 60px;
+}
+</style>
diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index 55606fc..e684faa 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -38,6 +38,7 @@ import BlogHeader from "@/components/BlogHeader.vue";
 import BlogFooter from "@/components/BlogFooter.vue";
 import $ from "jquery";
 import router from "@/router/index";
+import { useStore } from 'vuex';
 
 export default {
 	name: "LoginView",
@@ -46,9 +47,12 @@ export default {
 		BlogFooter,
 	},
 	setup() {
+        
 		let username = ref("");
 		let password = ref("");
 
+        const store = useStore();
+
 		const login = () => {
 			$.ajax({
 				url: "http://127.0.0.1:6789/api/token/",
@@ -61,17 +65,19 @@ export default {
                     // 将token保存到localStorage
                     const storage = localStorage;
                     const current = (new Date()).getTime();
-                    const expiredTime = current + 60000;
+                    const expiredTime = current + 24*3600*1000;
                     storage.setItem('access_blog', resp.access);
                     storage.setItem('refresh_blog', resp.refresh);
                     storage.setItem('expired_time', expiredTime);
                     storage.setItem('username_blog', username.value);
-                    // 保存该用户是否为管理员
                     $.ajax({
                         url: 'http://127.0.0.1:6789/api/user/' + username.value + '/',
                         type: 'GET',
                         success(resp){
-                            storage.setItem('is_superuser_blog',resp.is_superuser);
+                            // 保存该用户是否为管理员
+                            storage.setItem("is_superuser_blog",resp.is_superuser);
+                            store.commit("updateIsSuperUser",JSON.parse(storage.getItem("is_superuser_blog")));
+                            console.log(store.state);
                         }
                     });
 
diff --git a/frontend/src/views/UserCenterView.vue b/frontend/src/views/UserCenterView.vue
index 4b3c328..fdfccb4 100644
--- a/frontend/src/views/UserCenterView.vue
+++ b/frontend/src/views/UserCenterView.vue
@@ -71,7 +71,7 @@ export default {
 	methods: {
 		confirmDelete() {
 			const that = this;
-			authorization().then(function (response) {
+			authorization().then((response) => {
 				if (response[0]) {
 					// 获取令牌
 					that.token = storage.getItem("access_blog");
@@ -92,7 +92,7 @@ export default {
 		},
 		changeInfo() {
 			const that = this;
-			authorization().then(function (response) {
+			authorization().then((response) => {
 				if (response[0] === false) {
 					window.alert("登录已过期, 请重新登录!");
 					storage.clear();
diff --git a/media/avatar/20220928/apple_06.png b/media/avatar/20220928/apple_06.png
new file mode 100644
index 0000000000000000000000000000000000000000..d856b29bc4787393ec123b56e3388d99df4371d9
GIT binary patch
literal 1314
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&{S5F4adq0N=&(`QVUv=>CS}J>
z3Jx2=jLkqn5W``!vim_bhs{c!N7Y?+D}e+zDgm{)?o|b9ao(lkxK-KXu$tQeHRqiw
z?uXRe_NxL7@m^q(+!&FQl{ra!SwTs5bgN%^MAZ!C^=TbZVSR2j{>?FSJbmYy7bX_A
z+fJFGw0@@Yx>*YAfC{SOYi25~>NB4gw7~)>4n&i6m-+6}pQE^TCXfqMqqM$0v<0X#
zaZ+ITGKWsbsSstel{d{--o8Y6&m!erYn6{~R6e;<`M^Bot?QMK&r#mIP<h81<s-|L
z_peeuG(&OSGUdH9l{fqjTVf3igus#@zhH*=`TOnP|JOgi{{R2_|NQy)<^T8phX8*l
z4W{n@|9?N;e*J&`|NrN||NmdU-oO9<exS_xe6Tc}(Ek$^62ZX0-0tb(7*fIb=9*_&
zvw;9hK<A94oCBYEwx!zK{oin~vZH;;n@4TF|5#VW>4ymY|L0T{&+Fe+=u@-h&q<A+
zFC-T_K3II5|HuU=2`57X&Tf&zT?w5>Haw76=^)b|q%gtC-m`>Rl1Fr&o87LOMe7*<
zXr$^-e9BrSl%?`Q^OMhqnN<d7UL5CP%h#$%DV`yACF+35`H1cA(d$-hjdFS%y<BFS
zY3a2MPaho)x?y%@bE9r*^{=hEUvnN#sJZ=G&S8E-?m}mavXmQ+k0V~#${0o_S$ykZ
zw~#qmWb<LJLcyccuUw`Dhgyj;%~O9+6X+FtvMAIm_MA<>V~bzxJ*}^0>ZfD(hHl^V
z?~ndUhsS}_&riQpr@LV9ywtxx@{Ze0kZEnyX!yoj)5g2s=+I(Gqseog&Usfqo%fbU
za(-jRmXq&U_Peli?w0ZlU|8+QpskR|75Y`lCDdb6+lpP%2IVWHCTZ|Kt2=O~`J#$v
zW3@zxO+)aZ_=f7!-VNOzK|Fe%?Dn3*1&o|rf#0XeGfba2N2b*C6kmh3hhHbR9Q%FS
zM@@5{*gTx{{9yR`9ZTNWI(#zP5GNG#=}I-jo?Av9@ej=zyeI5Cl+Q3tp|-W1K{@90
zudZx26?VUW3mFvWv@Du@!%^=R3*S7Cjy7dqqhkdoYLbjHte3tYJXvBk+wa00B}OZT
zH9rqUoPH+Aq<g)2b?eWxy&rFODy~`k^W?e52A2%&X3y*roz=DVgxsB3t7dM`40*J<
zH}Ts(wjz$~^cl=i7N_bMUO&lH?Mc+-+3qU6>M_r}*|R$5ciOaVHM_(2c7-3ifvKsn
zy|-q|R&&#I`{|oGt{q&;KBGe>BZhOs1NIA-9rV_*&RDef&|mI^%vH|{1T4Qh<nq0%
zjXh^nv$<?mW6!$}Qc-_H>a{JncJFChmYpmcRxoY%wFRa3-to6zW|MW<H!r!!x{@VO
zIg9&H9wP|;+u``-IlG49s*?L{Mnx<4FaGzAS!&Ui<MWGy@)uvK<~3qv5q+Z2He*JN
zi-7RN?hEz8MvdR)5=2@wibN{x8Qgx_Gdw%_TP>|mpkN7K(f{rll0WMv7ao_Gd&K>f
zhi6&Cf1?wg4k}w){-}3&oRIK4rsBqVW&U@TE*Dw%jMNg9L@OumiE5Qv4$h5>;$A39
zNoKwBzNT=<V6k1QYTe2+EApdy*G=1Z=}Bu?AcI=R6t(#!D?YssS@H7OvuF8V1(&7t
W@04Sl^9GpT89ZJ6T-G@yGywn_oMk`&

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_02.png b/media/avatar/20220929/apple_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9bdffb43e4720f6f4fb7b8e253dbec21d690fc3
GIT binary patch
literal 2092
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
JXr2Gje*xyD!7Km(

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_02_XwdRCGC.png b/media/avatar/20220929/apple_02_XwdRCGC.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9bdffb43e4720f6f4fb7b8e253dbec21d690fc3
GIT binary patch
literal 2092
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
JXr2Gje*xyD!7Km(

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_03.png b/media/avatar/20220929/apple_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..73df7cb0445c95da026a339759a49539a1943ca7
GIT binary patch
literal 1553
zcmYk6do<K(7{`Be5r$lHnQ_Tn+{-pfgpFzB(zx%$ZY!Ee*%V<JO4(y(8r$3$LozhY
zFbrWBhr-etk+$}fp^LWSjEc5exs`TPr{DfK{n2~A&-Z<v&+|P0ynnpB*yynJC|eW&
z0P87xf~nBWTnz&R<nN}$9{>QB5*ry85_ARc)eLM^0y`kp1KtgQj}q{yUn|!jRC?Ec
zfj)JsT!>flaf(o(L*yB^VtgH!&@8~!3UD=$_^VzEInz_f{|XA%U<s}cN~#FWRgP^E
zf_hbs>hpxwa(t5ruN2|x%kY;f2&!^Ib1A+-jBh+gXsIN$NpNjd1a&b^0nJzA))pPr
zQhcif|0Rd`dAy2eTgl%j<zwYMyDFZ|dA`F%zWoJ0R>rfh=GjX44ze{~$+xTK*;GIS
zT+Df{wS*7(sw#Mpn^*BLm8-c;1q)rwMvKm3&N0zKF1q4ZO!*nKh=UPBi$a@oY;;Kx
zMhvxBRzjw=kYgrfTb3}b1uV1xf)HU_7jw<IP{M*rD?uP)8w`5)6AWtfUceL!YDnsN
zd1g$ZNJ}H?up|&9nikH3@)#YMDbi?ZY7jJ~$>+hZPD~+~Nz!SsM6Ft+`HE{n`Mg>~
zB<bWd(?U?Y+R21MgattzO^zjLV>I(bQ+1{YPIr(10AiXFOpZGVn|+|y!SS>V9=nlS
z0M9=&^!cIh9B0FxBBI|+Qr;NdIO^VZ#M^D(JTbr1b|lD9*WvN4=K}t!s!d^+^*n6k
zkYVzCm*26Bf%c+7J6u<snc4oKM12%yx8WR$kBK;O{FkNK0S>jrv!k^y^%dPjoU6ag
zV494=nh`!v1W`nKH|e7Z{fPj1H=P>2<I}=;>Bj6{cZ}>W*4z>`dN*~fZ$;ML8uHJJ
zLo-br<oKwo?5S$yK!h|!8t83oaol(L@UEx;_tNi7b@a0O+CZ7osnkWfQjOeu-)WHI
z<|?+exa>q0Ec#Lg9_WCh-8GKx{=$$lx>IPGr?AtR(&azZ-H+%j)Vp-F>{TQAbh0KR
z&x*rx1GH(k--ix3kQ0=jHl6wfJli{booPZL-|P8JSDiJ|@aDG5Gf~I|?5Qwmy4AYA
z?a#*oANF{iP2G^~k=6J%K-6(Rxuz>6a&tV&@$|{-^PUF@{Vhh3vkq3-0`alb;;tdD
zq|QSNw;dk&Ju4C?UA&hc(m%M_Zflx>Uycd6ufX8g&u0#h?@EI@mL0rG((y^j2~Pd=
z5tAHM(&A!;b(2}-ZX>CA3IEnS8WunO5MNVr^%OGKMUEspAJj5w%WvSIp6$|6^SFq>
zt!#qE0^VCjV>1(0=8_5&&IugFO3XU8WzOXr#%bfap?<XA^T$DM5^v=G92D94@;<M(
z5n+dwvs{lm(eKIqd-Jk4oe)a@oJq`>HhIbjXx;Eb_^fku!|;J;=`O>J8@Cmb=H!G{
zRYp<yTz>P2faSLk$M77+sq;5Q82$Zy#XFhi{Vbe(5W|JPOoX|rXnJ-NlarHeqO{S`
z?MbK6H)Fv2Q5*qLNz)qcjCe(KY6jJZ;c#x#F6BG3&lBnyK1dvW`{9t{Y@>~V{<_ks
zi2p7!6@B~I!{J-n6Si2_ASetq=ci6b|C=_hipkJawSVcJknX9Dsj~9eiJs|Ni-Ol=
zf5ers^&)}&VnWtXI5_r#obvcz`tp=42YW5;j{t4pU<*ZW;$?x%nMC!FIU7+w$&^e~
z4~kG{wos%R9EeB$sK;t?+x9U9W+{hp@pZlnR$-xrv3Uk;%9MvNk~*+IZW>0Huo(#h
z$aE*K%5m+BU@6@0mhauAM?p`6*o2$)+{W;tigej)5~_p8De0zdNslkludPP<J>Xw3
z{t*6qR{g}jBivyNN@-GOR=iPgD!T18(_nJYJHV{Y{VFV6ll2G)wz1q|leg>K$nb_0
z+{nwF*V^?6#jfvG9L>@nd)Qay?&?_#9BdDOr!accaKoBH(E8$yk9QPQRU-7|0F;pE
J;I<$-`+qO4%jN(8

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_03_UySCYTE.png b/media/avatar/20220929/apple_03_UySCYTE.png
new file mode 100644
index 0000000000000000000000000000000000000000..73df7cb0445c95da026a339759a49539a1943ca7
GIT binary patch
literal 1553
zcmYk6do<K(7{`Be5r$lHnQ_Tn+{-pfgpFzB(zx%$ZY!Ee*%V<JO4(y(8r$3$LozhY
zFbrWBhr-etk+$}fp^LWSjEc5exs`TPr{DfK{n2~A&-Z<v&+|P0ynnpB*yynJC|eW&
z0P87xf~nBWTnz&R<nN}$9{>QB5*ry85_ARc)eLM^0y`kp1KtgQj}q{yUn|!jRC?Ec
zfj)JsT!>flaf(o(L*yB^VtgH!&@8~!3UD=$_^VzEInz_f{|XA%U<s}cN~#FWRgP^E
zf_hbs>hpxwa(t5ruN2|x%kY;f2&!^Ib1A+-jBh+gXsIN$NpNjd1a&b^0nJzA))pPr
zQhcif|0Rd`dAy2eTgl%j<zwYMyDFZ|dA`F%zWoJ0R>rfh=GjX44ze{~$+xTK*;GIS
zT+Df{wS*7(sw#Mpn^*BLm8-c;1q)rwMvKm3&N0zKF1q4ZO!*nKh=UPBi$a@oY;;Kx
zMhvxBRzjw=kYgrfTb3}b1uV1xf)HU_7jw<IP{M*rD?uP)8w`5)6AWtfUceL!YDnsN
zd1g$ZNJ}H?up|&9nikH3@)#YMDbi?ZY7jJ~$>+hZPD~+~Nz!SsM6Ft+`HE{n`Mg>~
zB<bWd(?U?Y+R21MgattzO^zjLV>I(bQ+1{YPIr(10AiXFOpZGVn|+|y!SS>V9=nlS
z0M9=&^!cIh9B0FxBBI|+Qr;NdIO^VZ#M^D(JTbr1b|lD9*WvN4=K}t!s!d^+^*n6k
zkYVzCm*26Bf%c+7J6u<snc4oKM12%yx8WR$kBK;O{FkNK0S>jrv!k^y^%dPjoU6ag
zV494=nh`!v1W`nKH|e7Z{fPj1H=P>2<I}=;>Bj6{cZ}>W*4z>`dN*~fZ$;ML8uHJJ
zLo-br<oKwo?5S$yK!h|!8t83oaol(L@UEx;_tNi7b@a0O+CZ7osnkWfQjOeu-)WHI
z<|?+exa>q0Ec#Lg9_WCh-8GKx{=$$lx>IPGr?AtR(&azZ-H+%j)Vp-F>{TQAbh0KR
z&x*rx1GH(k--ix3kQ0=jHl6wfJli{booPZL-|P8JSDiJ|@aDG5Gf~I|?5Qwmy4AYA
z?a#*oANF{iP2G^~k=6J%K-6(Rxuz>6a&tV&@$|{-^PUF@{Vhh3vkq3-0`alb;;tdD
zq|QSNw;dk&Ju4C?UA&hc(m%M_Zflx>Uycd6ufX8g&u0#h?@EI@mL0rG((y^j2~Pd=
z5tAHM(&A!;b(2}-ZX>CA3IEnS8WunO5MNVr^%OGKMUEspAJj5w%WvSIp6$|6^SFq>
zt!#qE0^VCjV>1(0=8_5&&IugFO3XU8WzOXr#%bfap?<XA^T$DM5^v=G92D94@;<M(
z5n+dwvs{lm(eKIqd-Jk4oe)a@oJq`>HhIbjXx;Eb_^fku!|;J;=`O>J8@Cmb=H!G{
zRYp<yTz>P2faSLk$M77+sq;5Q82$Zy#XFhi{Vbe(5W|JPOoX|rXnJ-NlarHeqO{S`
z?MbK6H)Fv2Q5*qLNz)qcjCe(KY6jJZ;c#x#F6BG3&lBnyK1dvW`{9t{Y@>~V{<_ks
zi2p7!6@B~I!{J-n6Si2_ASetq=ci6b|C=_hipkJawSVcJknX9Dsj~9eiJs|Ni-Ol=
zf5ers^&)}&VnWtXI5_r#obvcz`tp=42YW5;j{t4pU<*ZW;$?x%nMC!FIU7+w$&^e~
z4~kG{wos%R9EeB$sK;t?+x9U9W+{hp@pZlnR$-xrv3Uk;%9MvNk~*+IZW>0Huo(#h
z$aE*K%5m+BU@6@0mhauAM?p`6*o2$)+{W;tigej)5~_p8De0zdNslkludPP<J>Xw3
z{t*6qR{g}jBivyNN@-GOR=iPgD!T18(_nJYJHV{Y{VFV6ll2G)wz1q|leg>K$nb_0
z+{nwF*V^?6#jfvG9L>@nd)Qay?&?_#9BdDOr!accaKoBH(E8$yk9QPQRU-7|0F;pE
J;I<$-`+qO4%jN(8

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_03_ZIeet1U.png b/media/avatar/20220929/apple_03_ZIeet1U.png
new file mode 100644
index 0000000000000000000000000000000000000000..73df7cb0445c95da026a339759a49539a1943ca7
GIT binary patch
literal 1553
zcmYk6do<K(7{`Be5r$lHnQ_Tn+{-pfgpFzB(zx%$ZY!Ee*%V<JO4(y(8r$3$LozhY
zFbrWBhr-etk+$}fp^LWSjEc5exs`TPr{DfK{n2~A&-Z<v&+|P0ynnpB*yynJC|eW&
z0P87xf~nBWTnz&R<nN}$9{>QB5*ry85_ARc)eLM^0y`kp1KtgQj}q{yUn|!jRC?Ec
zfj)JsT!>flaf(o(L*yB^VtgH!&@8~!3UD=$_^VzEInz_f{|XA%U<s}cN~#FWRgP^E
zf_hbs>hpxwa(t5ruN2|x%kY;f2&!^Ib1A+-jBh+gXsIN$NpNjd1a&b^0nJzA))pPr
zQhcif|0Rd`dAy2eTgl%j<zwYMyDFZ|dA`F%zWoJ0R>rfh=GjX44ze{~$+xTK*;GIS
zT+Df{wS*7(sw#Mpn^*BLm8-c;1q)rwMvKm3&N0zKF1q4ZO!*nKh=UPBi$a@oY;;Kx
zMhvxBRzjw=kYgrfTb3}b1uV1xf)HU_7jw<IP{M*rD?uP)8w`5)6AWtfUceL!YDnsN
zd1g$ZNJ}H?up|&9nikH3@)#YMDbi?ZY7jJ~$>+hZPD~+~Nz!SsM6Ft+`HE{n`Mg>~
zB<bWd(?U?Y+R21MgattzO^zjLV>I(bQ+1{YPIr(10AiXFOpZGVn|+|y!SS>V9=nlS
z0M9=&^!cIh9B0FxBBI|+Qr;NdIO^VZ#M^D(JTbr1b|lD9*WvN4=K}t!s!d^+^*n6k
zkYVzCm*26Bf%c+7J6u<snc4oKM12%yx8WR$kBK;O{FkNK0S>jrv!k^y^%dPjoU6ag
zV494=nh`!v1W`nKH|e7Z{fPj1H=P>2<I}=;>Bj6{cZ}>W*4z>`dN*~fZ$;ML8uHJJ
zLo-br<oKwo?5S$yK!h|!8t83oaol(L@UEx;_tNi7b@a0O+CZ7osnkWfQjOeu-)WHI
z<|?+exa>q0Ec#Lg9_WCh-8GKx{=$$lx>IPGr?AtR(&azZ-H+%j)Vp-F>{TQAbh0KR
z&x*rx1GH(k--ix3kQ0=jHl6wfJli{booPZL-|P8JSDiJ|@aDG5Gf~I|?5Qwmy4AYA
z?a#*oANF{iP2G^~k=6J%K-6(Rxuz>6a&tV&@$|{-^PUF@{Vhh3vkq3-0`alb;;tdD
zq|QSNw;dk&Ju4C?UA&hc(m%M_Zflx>Uycd6ufX8g&u0#h?@EI@mL0rG((y^j2~Pd=
z5tAHM(&A!;b(2}-ZX>CA3IEnS8WunO5MNVr^%OGKMUEspAJj5w%WvSIp6$|6^SFq>
zt!#qE0^VCjV>1(0=8_5&&IugFO3XU8WzOXr#%bfap?<XA^T$DM5^v=G92D94@;<M(
z5n+dwvs{lm(eKIqd-Jk4oe)a@oJq`>HhIbjXx;Eb_^fku!|;J;=`O>J8@Cmb=H!G{
zRYp<yTz>P2faSLk$M77+sq;5Q82$Zy#XFhi{Vbe(5W|JPOoX|rXnJ-NlarHeqO{S`
z?MbK6H)Fv2Q5*qLNz)qcjCe(KY6jJZ;c#x#F6BG3&lBnyK1dvW`{9t{Y@>~V{<_ks
zi2p7!6@B~I!{J-n6Si2_ASetq=ci6b|C=_hipkJawSVcJknX9Dsj~9eiJs|Ni-Ol=
zf5ers^&)}&VnWtXI5_r#obvcz`tp=42YW5;j{t4pU<*ZW;$?x%nMC!FIU7+w$&^e~
z4~kG{wos%R9EeB$sK;t?+x9U9W+{hp@pZlnR$-xrv3Uk;%9MvNk~*+IZW>0Huo(#h
z$aE*K%5m+BU@6@0mhauAM?p`6*o2$)+{W;tigej)5~_p8De0zdNslkludPP<J>Xw3
z{t*6qR{g}jBivyNN@-GOR=iPgD!T18(_nJYJHV{Y{VFV6ll2G)wz1q|leg>K$nb_0
z+{nwF*V^?6#jfvG9L>@nd)Qay?&?_#9BdDOr!accaKoBH(E8$yk9QPQRU-7|0F;pE
J;I<$-`+qO4%jN(8

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_04.png b/media/avatar/20220929/apple_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..29ce42e852f6f6ab8e11702267e471b59d3827d1
GIT binary patch
literal 943
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&Jqhp$adq0NXt<QYY$=23G6wUd
z41SB4Qs=WqE?|DwA^5&W<bAK``yS!fT{7?cAZ#F4@=b@-%MR&Rozky5WWWf>kbd6_
zR3P%UTkK_r3{duUr{udH(N`T(5C!jg#DG$7x+H+yx8358+Y}zQD?DgZc-}7ix>M?L
zoBV@T5cgS&;=?u&<3XF^%XXP3ZE{aK6rZ-s0R@37-*qSfl|2NbM=c7^+GT;_K)o+O
z&H&md^S(#)eYg1g9)b70KqLZkf1fbW3l(kpkAVL5DGBlmW{|J9{|^NG>;K2w+uuJg
z@2?-f|Nr^<_3!J~-v^4n2TA7tx3AxS|Nr^(>*eD?g8Kja|MS0}pYIQ3pYN~F_m|i2
z-|s(PTmAE51_mZQPZ!6K3dXm$SZCcf5O8>?xjf5arom#_ZPRA{{P$dwW#3eB-O?#b
zf9gL-U&eS$BDu#fdA^<Y1J;_KtA4CtlsN!J_xJh#t(e$w!GGZo*3*LXxELK&v}%$B
z89LezcNSQ1PFr%xV*1HvM`C|EZEPuyl;&M2bWf}Mw^rz$seQrkKPvs2{y)Z1mvM>F
ziWT8Unx$4K>7H1$N>lEllWXq>hm6Im^yGpaLv{IF9+`%0J+k=K3a{HY8E**oXD#&S
z%D8f2xsu#f$N5SVI2O;Zh!Ot#z`j)W`+B)wUrd?UoUhATCL0)kd~&6$^1!M&Ql*af
zXQ@BGV3QDgF89UyeN$K%XBQ>zSi1AyBnyW=hvOBqZ5-Y;u!Ub@KN0(vxxp-<n#Ym%
zCG!@)){R?)A2>QlPh)yA?Vj8M{u|8+OV%<xU&`#JFZ-bG2Ls;&9Oy>nONQr1?L+qc
zSbl5!r;SoE){J~CSGNj1$aPGRHe=c)aA%sk{DX$Rt+|sLO1~;CNk2U`m}P(7a<v6#
zCl>#H#>ifjwu7B*TUpxghZk%d{3>@RWMrTJdAy?T!HJ*gy%jCa$xTW;CQhcCB`4_w
zcuM+SOmT8}W^qF%aB^9XN2yST{Fkd={h3x4y!{!uN$uyi@YcThbC<3Do%Zs@QGcT!
z{%<WxwceecKX*ytsu@hLl`0F}-^fgRrKDD)m-y0e>c(rUxhpuYn}-MQEKcY#EUsrr
YIk>ET>-F|0z!b^g>FVdQ&MBb@0BbzIDgXcg

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_06.png b/media/avatar/20220929/apple_06.png
new file mode 100644
index 0000000000000000000000000000000000000000..d856b29bc4787393ec123b56e3388d99df4371d9
GIT binary patch
literal 1314
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&{S5F4adq0N=&(`QVUv=>CS}J>
z3Jx2=jLkqn5W``!vim_bhs{c!N7Y?+D}e+zDgm{)?o|b9ao(lkxK-KXu$tQeHRqiw
z?uXRe_NxL7@m^q(+!&FQl{ra!SwTs5bgN%^MAZ!C^=TbZVSR2j{>?FSJbmYy7bX_A
z+fJFGw0@@Yx>*YAfC{SOYi25~>NB4gw7~)>4n&i6m-+6}pQE^TCXfqMqqM$0v<0X#
zaZ+ITGKWsbsSstel{d{--o8Y6&m!erYn6{~R6e;<`M^Bot?QMK&r#mIP<h81<s-|L
z_peeuG(&OSGUdH9l{fqjTVf3igus#@zhH*=`TOnP|JOgi{{R2_|NQy)<^T8phX8*l
z4W{n@|9?N;e*J&`|NrN||NmdU-oO9<exS_xe6Tc}(Ek$^62ZX0-0tb(7*fIb=9*_&
zvw;9hK<A94oCBYEwx!zK{oin~vZH;;n@4TF|5#VW>4ymY|L0T{&+Fe+=u@-h&q<A+
zFC-T_K3II5|HuU=2`57X&Tf&zT?w5>Haw76=^)b|q%gtC-m`>Rl1Fr&o87LOMe7*<
zXr$^-e9BrSl%?`Q^OMhqnN<d7UL5CP%h#$%DV`yACF+35`H1cA(d$-hjdFS%y<BFS
zY3a2MPaho)x?y%@bE9r*^{=hEUvnN#sJZ=G&S8E-?m}mavXmQ+k0V~#${0o_S$ykZ
zw~#qmWb<LJLcyccuUw`Dhgyj;%~O9+6X+FtvMAIm_MA<>V~bzxJ*}^0>ZfD(hHl^V
z?~ndUhsS}_&riQpr@LV9ywtxx@{Ze0kZEnyX!yoj)5g2s=+I(Gqseog&Usfqo%fbU
za(-jRmXq&U_Peli?w0ZlU|8+QpskR|75Y`lCDdb6+lpP%2IVWHCTZ|Kt2=O~`J#$v
zW3@zxO+)aZ_=f7!-VNOzK|Fe%?Dn3*1&o|rf#0XeGfba2N2b*C6kmh3hhHbR9Q%FS
zM@@5{*gTx{{9yR`9ZTNWI(#zP5GNG#=}I-jo?Av9@ej=zyeI5Cl+Q3tp|-W1K{@90
zudZx26?VUW3mFvWv@Du@!%^=R3*S7Cjy7dqqhkdoYLbjHte3tYJXvBk+wa00B}OZT
zH9rqUoPH+Aq<g)2b?eWxy&rFODy~`k^W?e52A2%&X3y*roz=DVgxsB3t7dM`40*J<
zH}Ts(wjz$~^cl=i7N_bMUO&lH?Mc+-+3qU6>M_r}*|R$5ciOaVHM_(2c7-3ifvKsn
zy|-q|R&&#I`{|oGt{q&;KBGe>BZhOs1NIA-9rV_*&RDef&|mI^%vH|{1T4Qh<nq0%
zjXh^nv$<?mW6!$}Qc-_H>a{JncJFChmYpmcRxoY%wFRa3-to6zW|MW<H!r!!x{@VO
zIg9&H9wP|;+u``-IlG49s*?L{Mnx<4FaGzAS!&Ui<MWGy@)uvK<~3qv5q+Z2He*JN
zi-7RN?hEz8MvdR)5=2@wibN{x8Qgx_Gdw%_TP>|mpkN7K(f{rll0WMv7ao_Gd&K>f
zhi6&Cf1?wg4k}w){-}3&oRIK4rsBqVW&U@TE*Dw%jMNg9L@OumiE5Qv4$h5>;$A39
zNoKwBzNT=<V6k1QYTe2+EApdy*G=1Z=}Bu?AcI=R6t(#!D?YssS@H7OvuF8V1(&7t
W@04Sl^9GpT89ZJ6T-G@yGywn_oMk`&

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_06_wFiaqpZ.png b/media/avatar/20220929/apple_06_wFiaqpZ.png
new file mode 100644
index 0000000000000000000000000000000000000000..d856b29bc4787393ec123b56e3388d99df4371d9
GIT binary patch
literal 1314
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&{S5F4adq0N=&(`QVUv=>CS}J>
z3Jx2=jLkqn5W``!vim_bhs{c!N7Y?+D}e+zDgm{)?o|b9ao(lkxK-KXu$tQeHRqiw
z?uXRe_NxL7@m^q(+!&FQl{ra!SwTs5bgN%^MAZ!C^=TbZVSR2j{>?FSJbmYy7bX_A
z+fJFGw0@@Yx>*YAfC{SOYi25~>NB4gw7~)>4n&i6m-+6}pQE^TCXfqMqqM$0v<0X#
zaZ+ITGKWsbsSstel{d{--o8Y6&m!erYn6{~R6e;<`M^Bot?QMK&r#mIP<h81<s-|L
z_peeuG(&OSGUdH9l{fqjTVf3igus#@zhH*=`TOnP|JOgi{{R2_|NQy)<^T8phX8*l
z4W{n@|9?N;e*J&`|NrN||NmdU-oO9<exS_xe6Tc}(Ek$^62ZX0-0tb(7*fIb=9*_&
zvw;9hK<A94oCBYEwx!zK{oin~vZH;;n@4TF|5#VW>4ymY|L0T{&+Fe+=u@-h&q<A+
zFC-T_K3II5|HuU=2`57X&Tf&zT?w5>Haw76=^)b|q%gtC-m`>Rl1Fr&o87LOMe7*<
zXr$^-e9BrSl%?`Q^OMhqnN<d7UL5CP%h#$%DV`yACF+35`H1cA(d$-hjdFS%y<BFS
zY3a2MPaho)x?y%@bE9r*^{=hEUvnN#sJZ=G&S8E-?m}mavXmQ+k0V~#${0o_S$ykZ
zw~#qmWb<LJLcyccuUw`Dhgyj;%~O9+6X+FtvMAIm_MA<>V~bzxJ*}^0>ZfD(hHl^V
z?~ndUhsS}_&riQpr@LV9ywtxx@{Ze0kZEnyX!yoj)5g2s=+I(Gqseog&Usfqo%fbU
za(-jRmXq&U_Peli?w0ZlU|8+QpskR|75Y`lCDdb6+lpP%2IVWHCTZ|Kt2=O~`J#$v
zW3@zxO+)aZ_=f7!-VNOzK|Fe%?Dn3*1&o|rf#0XeGfba2N2b*C6kmh3hhHbR9Q%FS
zM@@5{*gTx{{9yR`9ZTNWI(#zP5GNG#=}I-jo?Av9@ej=zyeI5Cl+Q3tp|-W1K{@90
zudZx26?VUW3mFvWv@Du@!%^=R3*S7Cjy7dqqhkdoYLbjHte3tYJXvBk+wa00B}OZT
zH9rqUoPH+Aq<g)2b?eWxy&rFODy~`k^W?e52A2%&X3y*roz=DVgxsB3t7dM`40*J<
zH}Ts(wjz$~^cl=i7N_bMUO&lH?Mc+-+3qU6>M_r}*|R$5ciOaVHM_(2c7-3ifvKsn
zy|-q|R&&#I`{|oGt{q&;KBGe>BZhOs1NIA-9rV_*&RDef&|mI^%vH|{1T4Qh<nq0%
zjXh^nv$<?mW6!$}Qc-_H>a{JncJFChmYpmcRxoY%wFRa3-to6zW|MW<H!r!!x{@VO
zIg9&H9wP|;+u``-IlG49s*?L{Mnx<4FaGzAS!&Ui<MWGy@)uvK<~3qv5q+Z2He*JN
zi-7RN?hEz8MvdR)5=2@wibN{x8Qgx_Gdw%_TP>|mpkN7K(f{rll0WMv7ao_Gd&K>f
zhi6&Cf1?wg4k}w){-}3&oRIK4rsBqVW&U@TE*Dw%jMNg9L@OumiE5Qv4$h5>;$A39
zNoKwBzNT=<V6k1QYTe2+EApdy*G=1Z=}Bu?AcI=R6t(#!D?YssS@H7OvuF8V1(&7t
W@04Sl^9GpT89ZJ6T-G@yGywn_oMk`&

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_08.png b/media/avatar/20220929/apple_08.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ac85742378df461c5c8411c1930685fe0a310d
GIT binary patch
literal 1420
zcmV;71#|j|P)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C00021P)t-sLbV|_
zqyRIj05+unH>ChKr2sag05_!oHKYJGr2sdj05_xnHKqVIqyRRh05PQiH>CjPLK){p
z9Op(G=SCdnMjhuz9Op+J=|>ypMjYoy9qvRCO_>8@jR$>y3+6^0=tms8UKQv^9p^_K
zd4UStOdID+B<fx~>}gEybzJRlRO@C)=~y(SY7*#ADC=WH>}*ixMjV=O5b0Gg=u#}_
zNg(ZVSn6Ov>RUJ<Qd$`R001&{QchC<Uk|VUpD*8!e{a7(@6R7kA3tAzkH7yf&)*OK
z|L^Z_|4*O)|NsC0|NsC0|NsC0uknfQssI24UP(kjRCodGn8A+3APhs(V9HPk@c&=C
z(rQ&^s?f_y?q%MsCoF0wZsk9G`Ld}zi3UV@kUar-$zx>va>z4i!5>+kpc+o13ZH;C
zS{FLn@P=g-Hr?=!9drr1;RB0<@53u4R^kl=IBY^fUvR0yVHkX9OK3sjEg_#G1O^t6
zcH;pT+G>n&$!UgwcYZscf=J(Dff7o{Buiw^pA8eMB4->_C{#?Eis<>k-+xi3AX+PH
zIEkN$9KzsrJ%3uVGYv4$mqJ}Z={oSIfX3YbNw20TTnEl^3!;DuCvwab7H{Sd1q`=!
z5(N~ubMb0ObsR`dLGb-vSOWUI09Qbw)xfr>C$u57Erji)H(<K(=0<u0Q9e;p4#To{
zB#sMhSv@1Al<w=LmnkL~%aK2|1<J?BxT#5<v55AYfE)|~cOxPZLSW+12%iQ{2poen
zssLvgVo(J*v#4<eIA!Ue3UESVohrb&f<hJGTmdq55IKzzgDSxJabQ2~+1H|*I246p
zO}$5ypK>PR*yAF1kHOCSzu2@S%CSIzl%DvzM_O!cQQu#!BN-?Ek}~>uH>2O3Z|+ut
zD9v~wOY@KOME29*dy7dB7j%?y^?|QNPk%gFJ?8j)_^PCriba^HPM@CvKxOHy8h&hi
zdd4Y>0%lK2?x}e`@E7mT1;BE()_SwuVNo;TM`rZNr0Xx<9^i1)Z=IG{yq2Mw<8rQg
zzheFcaM6Z7VUuFAnF8RjTdkUQN-=+b1+-iJQg;<5Z^#sY)m8s*yTp<TTMV=(edmTv
zRUY#<S2NP}fMqW3<p67aZ%s!gricM<+P$2ehN?<nrEPR26X$QOvuUu+?2;|7QvxvF
z1`^<;@2#+@$U0=JZC40bgh&BLZ8_3W2qOcQx?>ICy%*2GWztx+$&AVDE}L<l(106l
zyMcR8r9i8@mh_6mkP_JGjvavOYM_A2)D?g@pa6P_y97DCdr&v@I|mft1US2(?hmlV
zMY!bv+o|nDVcM3pwp?3W@{wz>?rIt6r>wUE2b`pED*6N580segcCN1VyByOSVAJA|
znuC`2^}i4lK=uc4kCvGL9A73r5EdW?;HvMv#;G&`Xg6m1RZC!igq~e+WPk|(?b@0?
zIKai#O^yJHx0X%Q92i#*1+ez?reQQdh9@}|z&wqt8yF98##25P0A8>EbvrQ19OXke
z&G1y1&Fdi(PLiOp6kclKRN=#Hs5xFD;a1{j7O--e7%<0A<(1on4(vkrvrYU_3J}mw
zalq0^F(}1@3fMkpF|1Ndm-q)SD={Krfcss$Dsc1qKv1c$c8-)!(}ZsX_a}l}1<fDc
zhec)At_ZEaEel!A@dU;A{AQrQZmMeB=2iG7I(PkTc}c%g3NLft`Hi^XqkOEc$NS$!
z+Ue&r5kM9=l;h*c<ea^6PNWD`EBYjr_-x_~OIcUqv&xeKBTJ<C5_0*!Tzsb<9v&VZ
a9{vGZo4OM6OwMfp0000<MNUMnLSTaQCX(p@

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_08_MJp2UUi.png b/media/avatar/20220929/apple_08_MJp2UUi.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ac85742378df461c5c8411c1930685fe0a310d
GIT binary patch
literal 1420
zcmV;71#|j|P)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C00021P)t-sLbV|_
zqyRIj05+unH>ChKr2sag05_!oHKYJGr2sdj05_xnHKqVIqyRRh05PQiH>CjPLK){p
z9Op(G=SCdnMjhuz9Op+J=|>ypMjYoy9qvRCO_>8@jR$>y3+6^0=tms8UKQv^9p^_K
zd4UStOdID+B<fx~>}gEybzJRlRO@C)=~y(SY7*#ADC=WH>}*ixMjV=O5b0Gg=u#}_
zNg(ZVSn6Ov>RUJ<Qd$`R001&{QchC<Uk|VUpD*8!e{a7(@6R7kA3tAzkH7yf&)*OK
z|L^Z_|4*O)|NsC0|NsC0|NsC0uknfQssI24UP(kjRCodGn8A+3APhs(V9HPk@c&=C
z(rQ&^s?f_y?q%MsCoF0wZsk9G`Ld}zi3UV@kUar-$zx>va>z4i!5>+kpc+o13ZH;C
zS{FLn@P=g-Hr?=!9drr1;RB0<@53u4R^kl=IBY^fUvR0yVHkX9OK3sjEg_#G1O^t6
zcH;pT+G>n&$!UgwcYZscf=J(Dff7o{Buiw^pA8eMB4->_C{#?Eis<>k-+xi3AX+PH
zIEkN$9KzsrJ%3uVGYv4$mqJ}Z={oSIfX3YbNw20TTnEl^3!;DuCvwab7H{Sd1q`=!
z5(N~ubMb0ObsR`dLGb-vSOWUI09Qbw)xfr>C$u57Erji)H(<K(=0<u0Q9e;p4#To{
zB#sMhSv@1Al<w=LmnkL~%aK2|1<J?BxT#5<v55AYfE)|~cOxPZLSW+12%iQ{2poen
zssLvgVo(J*v#4<eIA!Ue3UESVohrb&f<hJGTmdq55IKzzgDSxJabQ2~+1H|*I246p
zO}$5ypK>PR*yAF1kHOCSzu2@S%CSIzl%DvzM_O!cQQu#!BN-?Ek}~>uH>2O3Z|+ut
zD9v~wOY@KOME29*dy7dB7j%?y^?|QNPk%gFJ?8j)_^PCriba^HPM@CvKxOHy8h&hi
zdd4Y>0%lK2?x}e`@E7mT1;BE()_SwuVNo;TM`rZNr0Xx<9^i1)Z=IG{yq2Mw<8rQg
zzheFcaM6Z7VUuFAnF8RjTdkUQN-=+b1+-iJQg;<5Z^#sY)m8s*yTp<TTMV=(edmTv
zRUY#<S2NP}fMqW3<p67aZ%s!gricM<+P$2ehN?<nrEPR26X$QOvuUu+?2;|7QvxvF
z1`^<;@2#+@$U0=JZC40bgh&BLZ8_3W2qOcQx?>ICy%*2GWztx+$&AVDE}L<l(106l
zyMcR8r9i8@mh_6mkP_JGjvavOYM_A2)D?g@pa6P_y97DCdr&v@I|mft1US2(?hmlV
zMY!bv+o|nDVcM3pwp?3W@{wz>?rIt6r>wUE2b`pED*6N580segcCN1VyByOSVAJA|
znuC`2^}i4lK=uc4kCvGL9A73r5EdW?;HvMv#;G&`Xg6m1RZC!igq~e+WPk|(?b@0?
zIKai#O^yJHx0X%Q92i#*1+ez?reQQdh9@}|z&wqt8yF98##25P0A8>EbvrQ19OXke
z&G1y1&Fdi(PLiOp6kclKRN=#Hs5xFD;a1{j7O--e7%<0A<(1on4(vkrvrYU_3J}mw
zalq0^F(}1@3fMkpF|1Ndm-q)SD={Krfcss$Dsc1qKv1c$c8-)!(}ZsX_a}l}1<fDc
zhec)At_ZEaEel!A@dU;A{AQrQZmMeB=2iG7I(PkTc}c%g3NLft`Hi^XqkOEc$NS$!
z+Ue&r5kM9=l;h*c<ea^6PNWD`EBYjr_-x_~OIcUqv&xeKBTJ<C5_0*!Tzsb<9v&VZ
a9{vGZo4OM6OwMfp0000<MNUMnLSTaQCX(p@

literal 0
HcmV?d00001

diff --git a/media/avatar/20220929/apple_09.png b/media/avatar/20220929/apple_09.png
new file mode 100644
index 0000000000000000000000000000000000000000..79ca66bc5b4953298edff0b52135935d68002786
GIT binary patch
literal 1865
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

literal 0
HcmV?d00001

diff --git a/media/avatar/20220930/apple_02.png b/media/avatar/20220930/apple_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9bdffb43e4720f6f4fb7b8e253dbec21d690fc3
GIT binary patch
literal 2092
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
JXr2Gje*xyD!7Km(

literal 0
HcmV?d00001

diff --git a/media/avatar/20220930/apple_03.png b/media/avatar/20220930/apple_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..73df7cb0445c95da026a339759a49539a1943ca7
GIT binary patch
literal 1553
zcmYk6do<K(7{`Be5r$lHnQ_Tn+{-pfgpFzB(zx%$ZY!Ee*%V<JO4(y(8r$3$LozhY
zFbrWBhr-etk+$}fp^LWSjEc5exs`TPr{DfK{n2~A&-Z<v&+|P0ynnpB*yynJC|eW&
z0P87xf~nBWTnz&R<nN}$9{>QB5*ry85_ARc)eLM^0y`kp1KtgQj}q{yUn|!jRC?Ec
zfj)JsT!>flaf(o(L*yB^VtgH!&@8~!3UD=$_^VzEInz_f{|XA%U<s}cN~#FWRgP^E
zf_hbs>hpxwa(t5ruN2|x%kY;f2&!^Ib1A+-jBh+gXsIN$NpNjd1a&b^0nJzA))pPr
zQhcif|0Rd`dAy2eTgl%j<zwYMyDFZ|dA`F%zWoJ0R>rfh=GjX44ze{~$+xTK*;GIS
zT+Df{wS*7(sw#Mpn^*BLm8-c;1q)rwMvKm3&N0zKF1q4ZO!*nKh=UPBi$a@oY;;Kx
zMhvxBRzjw=kYgrfTb3}b1uV1xf)HU_7jw<IP{M*rD?uP)8w`5)6AWtfUceL!YDnsN
zd1g$ZNJ}H?up|&9nikH3@)#YMDbi?ZY7jJ~$>+hZPD~+~Nz!SsM6Ft+`HE{n`Mg>~
zB<bWd(?U?Y+R21MgattzO^zjLV>I(bQ+1{YPIr(10AiXFOpZGVn|+|y!SS>V9=nlS
z0M9=&^!cIh9B0FxBBI|+Qr;NdIO^VZ#M^D(JTbr1b|lD9*WvN4=K}t!s!d^+^*n6k
zkYVzCm*26Bf%c+7J6u<snc4oKM12%yx8WR$kBK;O{FkNK0S>jrv!k^y^%dPjoU6ag
zV494=nh`!v1W`nKH|e7Z{fPj1H=P>2<I}=;>Bj6{cZ}>W*4z>`dN*~fZ$;ML8uHJJ
zLo-br<oKwo?5S$yK!h|!8t83oaol(L@UEx;_tNi7b@a0O+CZ7osnkWfQjOeu-)WHI
z<|?+exa>q0Ec#Lg9_WCh-8GKx{=$$lx>IPGr?AtR(&azZ-H+%j)Vp-F>{TQAbh0KR
z&x*rx1GH(k--ix3kQ0=jHl6wfJli{booPZL-|P8JSDiJ|@aDG5Gf~I|?5Qwmy4AYA
z?a#*oANF{iP2G^~k=6J%K-6(Rxuz>6a&tV&@$|{-^PUF@{Vhh3vkq3-0`alb;;tdD
zq|QSNw;dk&Ju4C?UA&hc(m%M_Zflx>Uycd6ufX8g&u0#h?@EI@mL0rG((y^j2~Pd=
z5tAHM(&A!;b(2}-ZX>CA3IEnS8WunO5MNVr^%OGKMUEspAJj5w%WvSIp6$|6^SFq>
zt!#qE0^VCjV>1(0=8_5&&IugFO3XU8WzOXr#%bfap?<XA^T$DM5^v=G92D94@;<M(
z5n+dwvs{lm(eKIqd-Jk4oe)a@oJq`>HhIbjXx;Eb_^fku!|;J;=`O>J8@Cmb=H!G{
zRYp<yTz>P2faSLk$M77+sq;5Q82$Zy#XFhi{Vbe(5W|JPOoX|rXnJ-NlarHeqO{S`
z?MbK6H)Fv2Q5*qLNz)qcjCe(KY6jJZ;c#x#F6BG3&lBnyK1dvW`{9t{Y@>~V{<_ks
zi2p7!6@B~I!{J-n6Si2_ASetq=ci6b|C=_hipkJawSVcJknX9Dsj~9eiJs|Ni-Ol=
zf5ers^&)}&VnWtXI5_r#obvcz`tp=42YW5;j{t4pU<*ZW;$?x%nMC!FIU7+w$&^e~
z4~kG{wos%R9EeB$sK;t?+x9U9W+{hp@pZlnR$-xrv3Uk;%9MvNk~*+IZW>0Huo(#h
z$aE*K%5m+BU@6@0mhauAM?p`6*o2$)+{W;tigej)5~_p8De0zdNslkludPP<J>Xw3
z{t*6qR{g}jBivyNN@-GOR=iPgD!T18(_nJYJHV{Y{VFV6ll2G)wz1q|leg>K$nb_0
z+{nwF*V^?6#jfvG9L>@nd)Qay?&?_#9BdDOr!accaKoBH(E8$yk9QPQRU-7|0F;pE
J;I<$-`+qO4%jN(8

literal 0
HcmV?d00001

diff --git a/media/avatar/20221001/apple_00.png b/media/avatar/20221001/apple_00.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a5156d07290d44407553cf89cafc6de318df838
GIT binary patch
literal 1006
zcmV<K0}=d*P)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C0001)P)t-s0000=
z#UV(<CP>95NW>>d#V1L{Cr8F7Nya2d#U@9?CP~F6NyH^d#3o6_CPd64mu^f)#V6-Q
z9Op(G=SCdUP$=$15$H!9=0+XoM;zxz9p*+I=tmspLK){r9p*+H=Sd*wQY`08B<4mO
z=~y)DW=QO5Ozw4D?Q&S_V?^mk8|qs)=~Xc2M;+>3Jne5(>R>?ZY*6S=D7g?*tpET3
zE_6~(Qve@df4|@VZ$F<euaED~5C2a;Uw{7(PmjO<?{6R9umAu5&;S4b|Ns9l|No!j
z3*|5X00P!YL_t(|0qoU<0Ru4%1i>@u(b#{lVP=v;nhMq^yqXX~C~fSL(F(OG<7k&_
zsy4J89qW2jq6Ru`RH$L}bdJ|xrvhDKBY0^~m$??4I=W7SL0U1Mu5p<&0R6Rs5WyM%
zW$BV3f;Zs$Gvp6IZ_h1XfjwZU4Rp-*0Dr(*+g+Ii+yOw$U7)4VWi0UrTqgk%AOSxZ
zP^RtL2ZEz83<Xe~0ecPp21BYzPxk(I+v@2l0<28qT|jb^l%ll$5oxV5L-%9y!r~2Q
z%jz!CON)zqk&&#d#tptSg5fO~oHisPw_tLb(yJ^wa3v+C5jB%3IBZ1;nHm0>FP0&M
zcE!oTttpxHzxd6j4G-pEP?U&r|KcyhGg~n1D2W1pZQJl%+kjzalEt5gSGKrQ2I_qL
zum{U7P5eoCV+EdFiulbTys-pRK?AHE{@Mpl0s^nG^7yL>XB-hpR-_p&Za|oW&6$Dq
zzYS+h!MCGc)<ArMXPnSQHsk=X;+%lMA(V&?;jI>t+*>pb(Xb7Os{RuQhTVW@*M9@f
zJc4$L&Z^!UfaUoE5Z(fZ=u92jAQF5C3QvCW8*#dpu){NpVf!D|eNO;rPT|pFioOi-
z<#?fq#jrib@Zx7s;FV^x-|x2=WJi1+0z9!9h%m&JK}1Ge8X`1t6%bJnmxT!Xc@lt-
z_fB9;U`$|4z!KN&i&nxNan%r^-@6^>#HAo&O<Ze8aK!h{k3i@dl*Fgs_X@~d0#99d
zp^@}G=i-XGsF2!>_(a};qHZ$TE689)H-I6N-2etF+6Wmci8k;~wZK)>ix+7_@6Zuy
z>Z?Qw-cWBlFo^z)KNEd{3}z-<0_8JMG?b~)pUWwMo$UQ%*vZ5fACm2wl2KlC2xTx9
z-8e-Ia>r0t#3t|_eg2;R=7ZNHCbtm%LnA{~cwFY{oaAN2>_T*9=uS+gYl|n|7HUnS
c(P-4mZ$$2)gBge?`2YX_07*qoM6N<$g3@2mqW}N^

literal 0
HcmV?d00001

diff --git a/media/avatar/20221001/apple_03.png b/media/avatar/20221001/apple_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..73df7cb0445c95da026a339759a49539a1943ca7
GIT binary patch
literal 1553
zcmYk6do<K(7{`Be5r$lHnQ_Tn+{-pfgpFzB(zx%$ZY!Ee*%V<JO4(y(8r$3$LozhY
zFbrWBhr-etk+$}fp^LWSjEc5exs`TPr{DfK{n2~A&-Z<v&+|P0ynnpB*yynJC|eW&
z0P87xf~nBWTnz&R<nN}$9{>QB5*ry85_ARc)eLM^0y`kp1KtgQj}q{yUn|!jRC?Ec
zfj)JsT!>flaf(o(L*yB^VtgH!&@8~!3UD=$_^VzEInz_f{|XA%U<s}cN~#FWRgP^E
zf_hbs>hpxwa(t5ruN2|x%kY;f2&!^Ib1A+-jBh+gXsIN$NpNjd1a&b^0nJzA))pPr
zQhcif|0Rd`dAy2eTgl%j<zwYMyDFZ|dA`F%zWoJ0R>rfh=GjX44ze{~$+xTK*;GIS
zT+Df{wS*7(sw#Mpn^*BLm8-c;1q)rwMvKm3&N0zKF1q4ZO!*nKh=UPBi$a@oY;;Kx
zMhvxBRzjw=kYgrfTb3}b1uV1xf)HU_7jw<IP{M*rD?uP)8w`5)6AWtfUceL!YDnsN
zd1g$ZNJ}H?up|&9nikH3@)#YMDbi?ZY7jJ~$>+hZPD~+~Nz!SsM6Ft+`HE{n`Mg>~
zB<bWd(?U?Y+R21MgattzO^zjLV>I(bQ+1{YPIr(10AiXFOpZGVn|+|y!SS>V9=nlS
z0M9=&^!cIh9B0FxBBI|+Qr;NdIO^VZ#M^D(JTbr1b|lD9*WvN4=K}t!s!d^+^*n6k
zkYVzCm*26Bf%c+7J6u<snc4oKM12%yx8WR$kBK;O{FkNK0S>jrv!k^y^%dPjoU6ag
zV494=nh`!v1W`nKH|e7Z{fPj1H=P>2<I}=;>Bj6{cZ}>W*4z>`dN*~fZ$;ML8uHJJ
zLo-br<oKwo?5S$yK!h|!8t83oaol(L@UEx;_tNi7b@a0O+CZ7osnkWfQjOeu-)WHI
z<|?+exa>q0Ec#Lg9_WCh-8GKx{=$$lx>IPGr?AtR(&azZ-H+%j)Vp-F>{TQAbh0KR
z&x*rx1GH(k--ix3kQ0=jHl6wfJli{booPZL-|P8JSDiJ|@aDG5Gf~I|?5Qwmy4AYA
z?a#*oANF{iP2G^~k=6J%K-6(Rxuz>6a&tV&@$|{-^PUF@{Vhh3vkq3-0`alb;;tdD
zq|QSNw;dk&Ju4C?UA&hc(m%M_Zflx>Uycd6ufX8g&u0#h?@EI@mL0rG((y^j2~Pd=
z5tAHM(&A!;b(2}-ZX>CA3IEnS8WunO5MNVr^%OGKMUEspAJj5w%WvSIp6$|6^SFq>
zt!#qE0^VCjV>1(0=8_5&&IugFO3XU8WzOXr#%bfap?<XA^T$DM5^v=G92D94@;<M(
z5n+dwvs{lm(eKIqd-Jk4oe)a@oJq`>HhIbjXx;Eb_^fku!|;J;=`O>J8@Cmb=H!G{
zRYp<yTz>P2faSLk$M77+sq;5Q82$Zy#XFhi{Vbe(5W|JPOoX|rXnJ-NlarHeqO{S`
z?MbK6H)Fv2Q5*qLNz)qcjCe(KY6jJZ;c#x#F6BG3&lBnyK1dvW`{9t{Y@>~V{<_ks
zi2p7!6@B~I!{J-n6Si2_ASetq=ci6b|C=_hipkJawSVcJknX9Dsj~9eiJs|Ni-Ol=
zf5ers^&)}&VnWtXI5_r#obvcz`tp=42YW5;j{t4pU<*ZW;$?x%nMC!FIU7+w$&^e~
z4~kG{wos%R9EeB$sK;t?+x9U9W+{hp@pZlnR$-xrv3Uk;%9MvNk~*+IZW>0Huo(#h
z$aE*K%5m+BU@6@0mhauAM?p`6*o2$)+{W;tigej)5~_p8De0zdNslkludPP<J>Xw3
z{t*6qR{g}jBivyNN@-GOR=iPgD!T18(_nJYJHV{Y{VFV6ll2G)wz1q|leg>K$nb_0
z+{nwF*V^?6#jfvG9L>@nd)Qay?&?_#9BdDOr!accaKoBH(E8$yk9QPQRU-7|0F;pE
J;I<$-`+qO4%jN(8

literal 0
HcmV?d00001

diff --git a/requirements.txt b/requirements.txt
index a0115d5f858c5d55c13a9b8284463c4ef77fbdac..15c81354238112aca9d84f9a4227f10fcc24e5eb 100644
GIT binary patch
literal 2138
zcmZ{lOK%fV42AC+iJvm4le9D}*s(%Fsss{CG|i*AZ63p9%7pxQ;Cyy&JW!!%(xkSJ
z?c-zT_pc@$(nHFrOUtxM@AaCdH|a*tB)v|r682uNeR`6|PT%mE$bO|~W<K}wn#(@d
z-;G{)V0AB0ibpG)PG|>NPx`zQX4d;kpT|+P;m&2nJIkKUJ`wK3aNh}`PS<C@wK8`?
zUCO%>9$B_lO;#RIO4YT+QPW&r8}n?;x8%Q;$MlT5mt`xToq2TXv3PlYa2CP`t5ZIB
z@?0<&x$s$~XRC0LjzSBTZZ8#mNRPtUX&%l7m5edMTAec<)a_c>ja2~y)W-yCd%v<i
z79-rsxZJ4HF)L(x>5C?q{>pmW>f2!bISZbJ8M{)(S^ghc2{EhxRtzjv*C2dqrh>PZ
zDwg61R-a`>9}ngO7wF0>T?wHvRnE*xJu^K%yR|gjrk`e^#(EUF7HThRR*u4#`!LTe
zE_XsM7S|Y6z(pvWYRGwG9B0ecYZ|D9SZYB9UTs#iYabi`=W*;u)v-`sEc91ftnUCl
zp43OB=zH-6D`>pcO!i{QJEWG-?I*>c)rCBUb2U`z4?VIQFo6Dhy=P%pdf(Y+wlZpA
zE*>*i?na(rWny0ER<lA?u$Qey5PYIVA+4gh6OCP*GF5iEFo6duj%yGTWnM(1n}c}9
zGb&+=d=hu^;|kF`HGtr((gi53dL{OUKBH;8e9y|XoLy83*K9Sn;z|ClR+t2HdhWhe
z_aIh=ibe{5u^*^0G#hsm57)?@JRUR~?kqPF4A-USqkeoormyMC#Y!C>PX=a5bcv0f
z!dm!^odO@_+}eym|Eyl&+4I9oTqrPl>Cw@-#W6ej|1KW<W<>Rqk(&SY32spp`YF7{
zeeKlIT=T|K8y|jKVS`(8JX=s=?At-LY%cwVPUzJY>)TAHl{Cvf_|DT&;BY6|e0G=V
zp{hz#V&Y626z<vh_WR7sR8Y_O-uor;8hW8Nif0G;?Q+)qGDJLc^ND?v*HM06Qx<ah
zMfUBFnA2Z9#qXxyYShY(u=mpoe-qnRIELFntPk>7D4(+rGxX+rHdyU!h))JyU9Cj_
E0q%x5<^TWy

literal 250
zcmZvWOAo>z5QOjimu~38$7OGxOiX$(@k}fwv{(>`Sbx0>_2_YCXTKQ{l=gB&Y@vmk
zohGp;n^g@h8;Yt%ZKCvu4RpYNrk5d(UOZ&7elGb2nt!({=!Y|MN)fSxJpnGl&x1|N
z*4Z*A?z2#OQPjYpW4$)UCd4CfTI95=ynJa%PED&g>(}$`n%8g=Zgs+k?V08s$cUc|
UDyX2}<!eXD@H9Cp5vhd0UmuxF<NyEw