diff --git a/src/assets/svg/logo-tiobe.svg b/src/assets/svg/logo-tiobe.svg
new file mode 100644
index 0000000..0c410b4
--- /dev/null
+++ b/src/assets/svg/logo-tiobe.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 795.3 274"
+	 style="enable-background:new 0 0 795.3 274;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#287AC8;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#231F20;}
+</style>
+<g id="g10" transform="matrix(1.25,0,0,-1.25,0,744.1)">
+	<g id="g12" transform="translate(227.5415,430.0071)">
+		<path id="path14" class="st0" d="M-117.9,165.3L-227.5,55.7L-117.9-54L-8.3,55.7L-117.9,165.3z"/>
+	</g>
+	<g id="g16" transform="translate(232.303,266.2556)">
+		<path id="path18" class="st1" d="M-117.9,165.3h23.3l-16.8,25.5l-11.8-17.6L-117.9,165.3z"/>
+	</g>
+	<g id="g20" transform="translate(216.6609,360.5909)">
+		<path id="path22" class="st2" d="M-117.9,165.3h-40.5v-16.5h28l11.4-17l11.5,17.6L-117.9,165.3z"/>
+	</g>
+	<g id="g24" transform="translate(227.047,309.5588)">
+		<path id="path26" class="st2" d="M-117.9,165.3l-11.8-17.8l-16.8-25.5h23.3l5.3,7.9l11.8,17.6l11.6,17.3l-11.8,18.1L-117.9,165.3
+			L-117.9,165.3z"/>
+	</g>
+	<g id="g28" transform="translate(237.4289,360.5909)">
+		<path id="path30" class="st1" d="M-117.9,165.3l-10.4-15.9l-11.5-17.6l-11.8-18.1l11.6-17.3l11.5,17.5h0l0.2,0.4l11.5,17.6
+			l11.3,17h28v16.5H-117.9z"/>
+	</g>
+	<g id="g32" transform="translate(442.3815,343.7097)">
+		<path id="path34" class="st2" d="M-117.9,165.3h-24.7V88.3h-21.8v76.9h-24.5V182h71V165.3z"/>
+	</g>
+	<path id="path36" class="st2" d="M356.4,432h-21.7v93.7h21.7V432z"/>
+</g>
+<g id="g40_1_">
+	<g id="g46_1_" transform="translate(545.3218,322.1599)">
+		<path id="path48_1_" class="st2" d="M-11-187.1c0-8.4-2-15.2-5.9-20.6c-3.9-5.4-9.5-8-16.7-8c-7.3,0-13,2.7-16.8,8
+			c-3.9,5.3-5.8,12.2-5.8,20.6v21.2c0,8.5,2,15.4,5.9,20.7c3.9,5.4,9.6,8,16.9,8c7.1,0,12.7-2.7,16.6-8c3.9-5.4,5.9-12.3,5.9-20.7
+			L-11-187.1z M16.1-165.9c0,14.4-4.6,26.3-13.7,35.7c-9.1,9.4-21.1,14-35.8,14c-14.8,0-26.9-4.7-36.1-14
+			c-9.2-9.4-13.8-21.2-13.8-35.7V-187c0-14.4,4.6-26.2,13.8-35.6c9.2-9.4,21.2-14.1,36-14.1c14.7,0,26.6,4.7,35.9,14.1
+			c9.2,9.4,13.8,21.3,13.8,35.6C16.1-187,16.1-165.9,16.1-165.9z"/>
+	</g>
+	<g id="g50_1_" transform="translate(602.3588,306.9807)">
+		<path id="path52_1_" class="st2" d="M3.3-153v29.4H22c5.8,0,10.1-1.1,13-3.4c2.9-2.3,4.3-5.8,4.3-10.5c0-5.1-1.2-8.9-3.7-11.5
+			c-2.5-2.6-6.5-3.9-12.1-3.9H3.3z M3.3-171h13.5c6.2-0.1,10.8-1.3,13.8-3.6c3.1-2.3,4.6-5.6,4.6-10c0-5-1.6-8.6-4.7-10.9
+			c-3.1-2.3-7.9-3.4-14.3-3.4H3.3V-171z M-24-102.7v-117.1h40.2c14.5,0,25.9,2.7,34,8.1c8.1,5.4,12.2,13.4,12.2,24.1
+			c0,5.6-1.3,10.5-3.9,14.9c-2.6,4.3-6.7,7.6-12.1,9.8c6.9,1.6,11.9,4.7,15.2,9.4c3.3,4.7,4.9,10.1,4.9,16.2
+			c0,11.4-3.8,20-11.5,25.9c-7.7,5.8-18.7,8.8-33,8.8C22-102.7-24-102.7-24-102.7z"/>
+	</g>
+	<g id="g54_1_" transform="translate(723.6755,306.8506)">
+		<path id="path56_1_" class="st2" d="M33.6-152.7h-45.9v29.2h54.1v20.9h-81.4v-117.1H42v20.9h-54.3v25.2l45.9,0V-152.7z"/>
+	</g>
+	<g id="g58_1_" transform="translate(397.8423,237.8639)">
+		<path id="path60_1_" class="st2" d="M-47.8,2.5v3.9h2.9v2.7h-2.9v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
+			c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
+			c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4h2.4V2.5L-47.8,2.5z"/>
+	</g>
+	<g id="g62_1_" transform="translate(406.0862,233.1108)">
+		<path id="path64_1_" class="st2" d="M-45.8,13.2c0.5-0.7,1.2-1.3,1.9-1.7c0.8-0.4,1.6-0.6,2.5-0.6c1.7,0,3,0.5,4,1.6
+			c0.9,1.1,1.4,2.7,1.4,4.9v9.7h-3.6v-9.7c0-1.3-0.2-2.2-0.8-2.7c-0.5-0.6-1.3-0.8-2.3-0.8c-0.7,0-1.3,0.1-1.9,0.4
+			c-0.6,0.3-1,0.7-1.4,1.2v11.7h-3.6v-23l3.6,0V13.2z"/>
+	</g>
+	<g id="g66_1_" transform="translate(422.6542,232.6989)">
+		<path id="path68_1_" class="st2" d="M-41.6,14.1c-0.9,0-1.6,0.4-2.2,1.1c-0.6,0.7-0.9,1.6-1.1,2.7l0,0.1h6.3v-0.4
+			c0-1-0.3-1.8-0.8-2.5C-39.8,14.5-40.6,14.1-41.6,14.1 M-41.2,27.8c-2.3,0-4.1-0.7-5.4-2.2c-1.3-1.5-2-3.4-2-5.7v-0.6
+			c0-2.3,0.7-4.2,2-5.8c1.3-1.5,3-2.3,5-2.3c2.2,0,3.8,0.6,4.9,2s1.7,3,1.7,5.2v2.1h-10l0,0.1c0.1,1.3,0.4,2.3,1.1,3.1
+			c0.7,0.8,1.6,1.2,2.8,1.2c1,0,1.8-0.1,2.5-0.4c0.7-0.2,1.4-0.6,2-1l1.1,2.3c-0.6,0.5-1.4,1-2.4,1.3
+			C-38.8,27.6-39.9,27.8-41.2,27.8"/>
+	</g>
+	<g id="g70_1_" transform="translate(444.6343,225.4697)">
+		<path id="path72_1_" class="st2" d="M-36.2,30.4c0-0.6-0.2-1-0.7-1.4c-0.5-0.4-1.3-0.7-2.6-1c-1.9-0.4-3.4-1-4.3-1.7
+			c-1-0.7-1.5-1.8-1.5-3c0-1.3,0.6-2.5,1.7-3.4c1.1-0.9,2.6-1.4,4.5-1.4c1.9,0,3.5,0.5,4.6,1.4c1.1,1,1.7,2.1,1.6,3.6l0,0.1h-3.4
+			c0-0.7-0.2-1.2-0.8-1.7c-0.5-0.5-1.2-0.7-2.1-0.7c-0.9,0-1.5,0.2-2,0.6c-0.5,0.4-0.7,0.9-0.7,1.4c0,0.6,0.2,1,0.6,1.3
+			c0.4,0.3,1.3,0.6,2.6,0.9c2,0.4,3.5,1,4.5,1.7c1,0.8,1.5,1.8,1.5,3.1c0,1.4-0.6,2.6-1.8,3.5c-1.2,0.9-2.7,1.3-4.7,1.3
+			c-2.1,0-3.7-0.5-4.9-1.6c-1.2-1.1-1.8-2.3-1.7-3.7l0-0.1h3.3c0,0.9,0.4,1.6,1,2c0.6,0.4,1.4,0.6,2.3,0.6c0.9,0,1.6-0.2,2.1-0.5
+			C-36.4,31.5-36.2,31-36.2,30.4"/>
+	</g>
+	<g id="g74_1_" transform="translate(452.9388,228.2604)">
+		<path id="path76_1_" class="st2" d="M-34.1,24.1c0,1.6,0.3,2.8,0.9,3.8c0.6,1,1.5,1.5,2.8,1.5c1.2,0,2.2-0.5,2.8-1.5
+			c0.6-1,0.9-2.2,0.9-3.8v-0.3c0-1.5-0.3-2.8-0.9-3.8c-0.6-1-1.6-1.5-2.8-1.5c-1.2,0-2.2,0.5-2.8,1.5c-0.6,1-0.9,2.2-0.9,3.8V24.1z
+			 M-37.7,23.8c0-2.4,0.6-4.3,1.9-5.8c1.3-1.5,3.1-2.3,5.4-2.3c2.3,0,4.1,0.8,5.4,2.3c1.3,1.5,2,3.5,2,5.8v0.3c0,2.4-0.7,4.4-2,5.9
+			c-1.3,1.5-3.1,2.3-5.4,2.3c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.5-1.9-5.9C-37.7,24.1-37.7,23.8-37.7,23.8z"/>
+	</g>
+	<g id="g78_1_" transform="translate(465.7926,222.0048)">
+		<path id="path80_1_" class="st2" d="M-30.9,38.2V24.9h-2.4v-2.7h2.4v-1.9c0-1.8,0.5-3.1,1.4-4.1c1-1,2.3-1.4,4-1.4
+			c0.3,0,0.7,0,1,0.1c0.4,0.1,0.8,0.1,1.2,0.2l-0.4,2.8c-0.2,0-0.4-0.1-0.7-0.1c-0.2,0-0.5,0-0.8,0c-0.8,0-1.4,0.2-1.7,0.7
+			c-0.4,0.4-0.6,1.1-0.6,1.9v1.9h3.2v2.7h-3.2v13.3H-30.9z"/>
+	</g>
+	<g id="g82_1_" transform="translate(477.4776,237.8639)">
+		<path id="path84_1_" class="st2" d="M-27.9,2.5v3.9h2.9v2.7h-2.9v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
+			c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
+			c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4h2.4V2.5L-27.9,2.5z"/>
+	</g>
+	<g id="g86_1_" transform="translate(494.1151,225.6822)">
+		<path id="path88_1_" class="st2" d="M-23.8,29.9L-23.8,29.9l2.6-11.4h3.4l-4.4,15.9h-2.9l-3.4-10.9l0-0.1l0,0.1l-3.4,10.9h-2.9
+			l-4.4-15.9h3.4l2.5,11.2l0.1,0l3.3-11.2h2.6L-23.8,29.9z"/>
+	</g>
+	<g id="g90_1_" transform="translate(505.672,224.056)">
+		<path id="path92_1_" class="st2" d="M-20.9,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
+			c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C-22.2,33.4-21.6,33.6-20.9,33.6 M-16.5,36.2c-0.1-0.4-0.2-0.8-0.3-1.2
+			s-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
+			c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
+			c-0.5,0.4-0.7,0.9-0.7,1.5H-26l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
+			c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C-12.9,36.2-16.5,36.2-16.5,36.2z"/>
+	</g>
+	<g id="g94_1_" transform="translate(521.5788,232.1785)">
+		<path id="path96_1_" class="st2" d="M-16.9,15.3l-1.5-0.1c-0.7,0-1.3,0.1-1.7,0.4c-0.5,0.3-0.8,0.7-1.1,1.3V28h-3.6V12.1h3.3
+			l0.2,2.3c0.4-0.8,0.9-1.5,1.6-1.9c0.6-0.5,1.4-0.7,2.2-0.7c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.5,0.1L-16.9,15.3z"/>
+	</g>
+	<g id="g98_1_" transform="translate(529.3044,232.6989)">
+		<path id="path100_1_" class="st2" d="M-15,14.1c-0.9,0-1.6,0.4-2.2,1.1c-0.6,0.7-0.9,1.6-1.1,2.7l0,0.1h6.3v-0.4
+			c0-1-0.3-1.8-0.8-2.5C-13.2,14.5-13.9,14.1-15,14.1 M-14.6,27.8c-2.3,0-4.1-0.7-5.4-2.2c-1.3-1.5-2-3.4-2-5.7v-0.6
+			c0-2.3,0.7-4.2,2-5.8c1.3-1.5,3-2.3,5-2.3c2.2,0,3.8,0.6,4.9,2s1.7,3,1.7,5.2v2.1h-9.9l0,0.1c0.1,1.3,0.4,2.3,1.1,3.1
+			c0.7,0.8,1.6,1.2,2.8,1.2c1,0,1.8-0.1,2.5-0.4c0.7-0.2,1.4-0.6,2-1l1.1,2.3c-0.6,0.5-1.4,1-2.4,1.3
+			C-12.1,27.6-13.3,27.8-14.6,27.8"/>
+	</g>
+	<g id="g102_1_" transform="translate(546.4512,227.9656)">
+		<path id="path104_1_" class="st2" d="M-10.7,24.8c0,1.5,0.3,2.7,0.8,3.5c0.6,0.9,1.5,1.3,2.7,1.3c0.7,0,1.3-0.1,1.8-0.4
+			C-4.8,29-4.4,28.5-4,28v-7.4c-0.3-0.5-0.8-0.9-1.3-1.2c-0.5-0.3-1.1-0.4-1.8-0.4c-1.2,0-2.1,0.5-2.7,1.6c-0.6,1-0.9,2.4-0.9,4
+			V24.8z M-14.3,24.5c0-2.5,0.5-4.6,1.6-6.2C-11.6,16.8-10,16-8,16c0.9,0,1.7,0.2,2.4,0.6c0.7,0.4,1.3,0.9,1.8,1.6l0.4-1.9h2.9v22.1
+			H-4v-7.6c-0.5,0.6-1.1,1.1-1.7,1.4c-0.7,0.3-1.4,0.5-2.3,0.5c-2,0-3.5-0.7-4.6-2.1c-1.1-1.4-1.6-3.3-1.6-5.6
+			C-14.3,24.8-14.3,24.5-14.3,24.5z"/>
+	</g>
+	<g id="g106_1_" transform="translate(566.3196,223.8675)">
+		<path id="path108_1_" class="st2" d="M-5.7,34c-0.5,0.8-1.1,1.5-1.9,2c-0.8,0.5-1.7,0.7-2.7,0.7c-1.7,0-3-0.5-4-1.6
+			c-1-1.1-1.4-2.8-1.4-5.1v-9.5h3.6V30c0,1.4,0.2,2.4,0.7,2.9c0.5,0.6,1.1,0.8,2,0.8c0.9,0,1.6-0.2,2.2-0.5c0.6-0.3,1-0.8,1.4-1.4
+			V20.4h3.6v15.9h-3.1L-5.7,34z"/>
+	</g>
+	<g id="g110_1_" transform="translate(576.7925,224.056)">
+		<path id="path112_1_" class="st2" d="M-3.1,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
+			c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C-4.4,33.4-3.8,33.6-3.1,33.6 M1.3,36.2C1.2,35.8,1,35.4,1,35
+			c-0.1-0.4-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
+			c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
+			c-0.5,0.4-0.7,0.9-0.7,1.5h-3.4l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
+			c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C4.9,36.2,1.3,36.2,1.3,36.2z"/>
+	</g>
+	<path id="path114_1_" class="st2" d="M589.4,260.2h-3.6v-23h3.6V260.2z"/>
+	<path id="path116_1_" class="st2" d="M598,260.2h-3.6v-15.9h3.6V260.2z M598,240.4h-3.6v-3.1h3.6V240.4z"/>
+	<g id="g118_1_" transform="translate(603.584,237.8639)">
+		<path id="path120_1_" class="st2" d="M3.6,2.5v3.9h2.9v2.7H3.6v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
+			c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
+			c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4H0V2.5L3.6,2.5z"/>
+	</g>
+	<g id="g122_1_" transform="translate(613.2308,227.1221)">
+		<path id="path124_1_" class="st2" d="M6,26.7l0.4,1.6h0.1l3.5-11.1h3.9L7.3,35.5c-0.4,1.1-1,2.1-1.8,2.8c-0.8,0.8-1.9,1.2-3.3,1.2
+			c-0.3,0-0.6,0-1-0.1s-0.7-0.1-1-0.2l0.4-2.8c0.1,0,0.3,0,0.5,0c0.2,0,0.4,0,0.5,0c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.7-1,1-1.5
+			l0.6-1.4l-5.8-15.8H3L6,26.7z"/>
+	</g>
+	<g id="g126_1_" transform="translate(633.6824,224.056)">
+		<path id="path128_1_" class="st2" d="M11.1,33.6c0.9,0,1.6-0.3,2.2-0.8s0.9-1.2,0.9-1.9h3.2l0,0.1c0,1.5-0.6,2.8-1.8,3.9
+			c-1.3,1.1-2.8,1.6-4.6,1.6c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.4-1.9-5.7v-0.5c0-2.3,0.6-4.2,1.9-5.7c1.3-1.5,3.1-2.3,5.4-2.3
+			c1.9,0,3.5,0.6,4.7,1.7c1.2,1.1,1.8,2.5,1.7,4.3l0,0.1h-3.3c0-0.9-0.3-1.6-0.9-2.2c-0.6-0.6-1.3-0.9-2.2-0.9
+			c-1.3,0-2.3,0.5-2.9,1.5c-0.6,1-0.8,2.2-0.8,3.7v0.5c0,1.5,0.3,2.7,0.8,3.7C8.8,33.1,9.8,33.6,11.1,33.6"/>
+	</g>
+	<g id="g130_1_" transform="translate(643.999,228.2604)">
+		<path id="path132_1_" class="st2" d="M13.7,24.1c0,1.6,0.3,2.8,0.9,3.8c0.6,1,1.5,1.5,2.8,1.5c1.2,0,2.2-0.5,2.8-1.5
+			c0.6-1,0.9-2.2,0.9-3.8v-0.3c0-1.5-0.3-2.8-0.9-3.8c-0.6-1-1.6-1.5-2.8-1.5c-1.2,0-2.2,0.5-2.8,1.5c-0.6,1-0.9,2.2-0.9,3.8V24.1z
+			 M10.1,23.8c0-2.4,0.7-4.3,1.9-5.8c1.3-1.5,3.1-2.3,5.4-2.3c2.3,0,4.1,0.8,5.4,2.3c1.3,1.5,2,3.5,2,5.8v0.3c0,2.4-0.7,4.4-2,5.9
+			c-1.3,1.5-3.1,2.3-5.4,2.3c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.5-1.9-5.9C10.1,24.1,10.1,23.8,10.1,23.8z"/>
+	</g>
+	<g id="g134_1_" transform="translate(658.5375,234.7632)">
+		<path id="path136_1_" class="st2" d="M17.3,9.5l0.2,2.1c0.5-0.8,1.2-1.3,2-1.8c0.8-0.4,1.7-0.6,2.7-0.6c1,0,1.9,0.2,2.7,0.7
+			c0.7,0.5,1.3,1.2,1.7,2.1c0.5-0.9,1.1-1.6,1.9-2.1c0.8-0.5,1.8-0.8,2.8-0.8c1.6,0,2.9,0.5,3.8,1.6c0.9,1.1,1.4,2.8,1.4,5v9.6h-3.6
+			v-9.6c0-1.4-0.2-2.3-0.7-2.9c-0.5-0.5-1.2-0.8-2.1-0.8c-0.8,0-1.4,0.2-1.9,0.6c-0.5,0.4-0.9,1-1.1,1.7c0,0.1,0,0.3,0,0.4
+			c0,0.1,0,0.2,0,0.3v10.3h-3.6v-9.6c0-1.3-0.2-2.2-0.7-2.8c-0.5-0.6-1.2-0.9-2.1-0.9c-0.7,0-1.3,0.1-1.8,0.4
+			c-0.5,0.3-0.9,0.7-1.2,1.2v11.7h-3.6V9.5H17.3z"/>
+	</g>
+	<g id="g138_1_" transform="translate(685.8236,228.2127)">
+		<path id="path140_1_" class="st2" d="M24.1,24.2c0-1.6-0.3-3-0.9-4c-0.6-1-1.5-1.5-2.7-1.5c-0.7,0-1.4,0.2-1.9,0.5
+			c-0.5,0.3-0.9,0.8-1.3,1.3v7.2c0.3,0.6,0.7,1,1.3,1.3c0.5,0.3,1.2,0.4,1.9,0.4c1.2,0,2.1-0.4,2.7-1.3c0.6-0.9,0.9-2.1,0.9-3.5
+			V24.2z M27.7,24.6c0,2.3-0.5,4.2-1.6,5.6c-1.1,1.4-2.6,2.1-4.6,2.1c-0.9,0-1.7-0.2-2.4-0.5c-0.7-0.3-1.3-0.8-1.8-1.4v7.7h-3.6
+			V16.1h3l0.4,2c0.5-0.7,1.1-1.3,1.9-1.7c0.7-0.4,1.6-0.6,2.5-0.6c2,0,3.5,0.8,4.6,2.3c1.1,1.6,1.6,3.6,1.6,6.2V24.6z"/>
+	</g>
+	<g id="g142_1_" transform="translate(695.9191,224.056)">
+		<path id="path144_1_" class="st2" d="M26.7,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
+			c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C25.4,33.4,25.9,33.6,26.7,33.6 M31.1,36.2c-0.1-0.4-0.2-0.8-0.3-1.2
+			s-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
+			c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
+			c-0.5,0.4-0.7,0.9-0.7,1.5h-3.4l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
+			c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C34.7,36.2,31.1,36.2,31.1,36.2z"/>
+	</g>
+	<g id="g146_1_" transform="translate(708.0639,234.7632)">
+		<path id="path148_1_" class="st2" d="M29.7,9.5l0.2,2.3c0.5-0.8,1.2-1.4,2-1.9c0.8-0.5,1.7-0.7,2.7-0.7c1.7,0,3,0.5,3.9,1.5
+			c0.9,1,1.4,2.6,1.4,4.7v10h-3.6v-10c0-1.2-0.2-2.1-0.7-2.6c-0.5-0.5-1.2-0.8-2.3-0.8c-0.7,0-1.3,0.2-1.9,0.5
+			c-0.5,0.3-1,0.7-1.4,1.3v11.6h-3.6l0-15.9H29.7z"/>
+	</g>
+	<g id="g150_1_" transform="translate(723.9595,227.1221)">
+		<path id="path152_1_" class="st2" d="M33.7,26.7l0.4,1.6h0.1l3.5-11.1h3.9l-6.6,18.4c-0.4,1.1-1,2.1-1.8,2.8
+			c-0.8,0.8-1.9,1.2-3.3,1.2c-0.3,0-0.6,0-1-0.1c-0.3-0.1-0.7-0.1-1-0.2l0.4-2.8c0.1,0,0.3,0,0.5,0c0.2,0,0.4,0,0.5,0
+			c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.7-1,1-1.5l0.6-1.4l-5.8-15.8h3.9L33.7,26.7z"/>
+	</g>
+	<g id="g154_1_" transform="translate(384.2123,248.9569)">
+		<path id="path156_1_" class="st0" d="M-51.3-22.4h-6.5L-71.6,1.3l13.9,23.7h6.5L-65.2,1.3L-51.3-22.4z"/>
+	</g>
+	<g id="g158_1_" transform="translate(737.8216,248.9569)">
+		<path id="path160_1_" class="st0" d="M37.1-22.4h6.5L57.5,1.3L43.6,25.1h-6.5L51.1,1.3L37.1-22.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/src/components/Home/Home.vue b/src/components/Home/Home.vue
index 921e27a..0ec580f 100644
--- a/src/components/Home/Home.vue
+++ b/src/components/Home/Home.vue
@@ -125,8 +125,8 @@ HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。 
 
 <script>
 import axios from 'axios'
-import ProjectList from "@/components/Home/ProjectList.vue";
-import UserInfo from "@/components/Home/UserInfo.vue";
+import ProjectList from "@/components/Project/ProjectList.vue";
+import UserInfo from "@/components/User/UserInfo.vue";
 import LoginDialog from "@/components/Home/LoginDialog.vue";
 
 export default {
diff --git a/src/components/Home/RightTools.vue b/src/components/Home/RightTools.vue
index 2456273..33082ab 100644
--- a/src/components/Home/RightTools.vue
+++ b/src/components/Home/RightTools.vue
@@ -10,9 +10,9 @@
 </template>
 
 <script>
-import UserInfo from "@/components/Home/UserInfo.vue";
+import UserInfo from "@/components/User/UserInfo.vue";
 import LoginDialog from "@/components/Home/LoginDialog.vue";
-import RandomProjects from "@/components/Home/RandomProjects.vue";
+import RandomProjects from "@/components/Project/RandomProjects.vue";
 
 export default {
     name: "RightTools",
diff --git a/src/components/Home/SearchInput.vue b/src/components/Home/SearchInput.vue
index 882103f..40db5cd 100644
--- a/src/components/Home/SearchInput.vue
+++ b/src/components/Home/SearchInput.vue
@@ -15,7 +15,7 @@
                         <span class="title">搜索历史</span>
                         <span class="clear" @click="clearHistory" v-show="this.$cookie.get('username')!=null"><i class="el-icon-circle-close"></i>清空</span>
                     </div>
-                    <div v-show="this.$cookie.get('username')!=null">
+                    <div v-if="historySearch!==null" v-show="this.$cookie.get('username')!=null">
                         <el-tag
                             v-for="(tag,index) in historySearch"
                             :key="index"
@@ -28,7 +28,11 @@
                             {{ tag }}
                         </el-tag>
                     </div>
-                    <div v-show="this.$cookie.get('username')==null">
+                    <div v-if="historySearch==null" v-show="this.$cookie.get('username')!=null">
+                        <el-empty description="暂无搜索历史" :image-size="20"></el-empty>
+                    </div>
+                    <div
+                        v-show="this.$cookie.get('username')==null">
                         <span style="color: #9ca3af;font-size: 15px">你还没有登录哦~</span>
                     </div>
 
@@ -115,12 +119,7 @@ export default {
                 params: {
                 }
             }).then((res)=>{
-                // console.log(res.data);
-                if(res.data.code===500){
-                    return;
-                }else{
-                    that.historySearch=res.data;
-                }
+                that.historySearch=res.data;
 
             });
         },
diff --git a/src/components/ProjectDetail.vue b/src/components/Project/ProjectDetail.vue
similarity index 100%
rename from src/components/ProjectDetail.vue
rename to src/components/Project/ProjectDetail.vue
diff --git a/src/components/Home/ProjectList.vue b/src/components/Project/ProjectList.vue
similarity index 100%
rename from src/components/Home/ProjectList.vue
rename to src/components/Project/ProjectList.vue
diff --git a/src/components/Home/RandomProjects.vue b/src/components/Project/RandomProjects.vue
similarity index 100%
rename from src/components/Home/RandomProjects.vue
rename to src/components/Project/RandomProjects.vue
diff --git a/src/components/Ranking.vue b/src/components/Ranking.vue
index 1612113..4f2626a 100644
--- a/src/components/Ranking.vue
+++ b/src/components/Ranking.vue
@@ -6,24 +6,47 @@
                 <el-page-header  @back="goBack" style="justify-content: center;">
                     <div slot="title" style="font-size:23px;font-weight: 600;"></div>
                     <div slot="content" style="font-size:23px;font-weight: 600;">
-                        HelloGitHub (2023)年(6)月语言排行榜
+                        HelloGitHub (2023)年语言排行榜
                     </div>
                 </el-page-header>
             </div>
-            <div class="PageContent">榜单内容</div>
+            <div class="PageContent" style="display: flex;flex-direction: column;flex-wrap: nowrap">
+                <el-card class="box-card">
+                    <div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between">
+                        <el-select v-model="selectedValue" style="width: 7vw">
+                            <el-option label="编程语言" value="1"></el-option>
+                            <el-option label="服务器" value="2"></el-option>
+                            <el-option label="数据库" value="3"></el-option>
+                        </el-select>
+                        <el-image fit="fill" :src="require('@/assets/svg/logo-tiobe.svg')" style="width:8vw;height: 4vh;display: flex;flex-direction: row;justify-content: flex-end"></el-image>
+                        <el-select v-model="selectedValueByYear" style="width: 7vw">
+                            <el-option label="2023" value="2023"></el-option>
+                            <el-option label="2022" value="2022"></el-option>
+                        </el-select>
+                    </div>
+                </el-card>
+                <el-card class="box-card" style="margin-top: 20px">
+                    <el-table
+                        :data="tableData"
+                        style="width: 100%">
+                        <el-table-column
+                            prop="date"
+                            label="日期"
+                            width="180">
+                        </el-table-column>
+                        <el-table-column
+                            prop="name"
+                            label="姓名"
+                            width="180">
+                        </el-table-column>
+                        <el-table-column
+                            prop="address"
+                            label="地址">
+                        </el-table-column>
+                    </el-table>
+                </el-card>
+            </div>
         </div>
-<!--        <div style="display: flex;flex-direction:column;flex-wrap: nowrap">-->
-<!--                <div class="UserInfo">-->
-<!--                    用户信息展示内容-->
-<!--                </div>-->
-<!--                <div class="RightContent">-->
-<!--                    空位置，待填入-->
-<!--                </div>-->
-<!--                <div class="ReferralProgram">-->
-<!--                    推荐项目目录-->
-<!--                </div>-->
-<!--        </div>-->
-
     </div>
 
 </template>
@@ -31,6 +54,29 @@
 <script>
 export default {
     name: "RankingComponent",
+    data(){
+        return{
+            selectedValue:'1',
+            selectedValueByYear:'2023',
+            tableData: [{
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            }]
+        }
+    },
     methods: {
         goBack() {
             window.history.go(-1);
@@ -43,4 +89,7 @@ export default {
 ::v-deep .el-page-header__left{
   left:-150px;
 }
+.el-card{
+    border: none;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/Home/UserInfo.vue b/src/components/User/UserInfo.vue
similarity index 83%
rename from src/components/Home/UserInfo.vue
rename to src/components/User/UserInfo.vue
index c52023c..b910d3c 100644
--- a/src/components/Home/UserInfo.vue
+++ b/src/components/User/UserInfo.vue
@@ -44,6 +44,16 @@ export default {
     },
     methods:{
         signOut(){
+            // deletecookie
+            var that=this;
+            axios({
+                method: 'get',
+                // 请求的地址
+                url: 'http://localhost:8082/helloGithub_war_exploded/deletesession',
+                // URL 中的查询参数
+                params: {
+                }
+            });
             this.$cookie.delete('username');
             if(this.$cookie.get('username')===null){
                 Vue.prototype.$notify({
@@ -52,14 +62,20 @@ export default {
                     type: 'success',
                     offset: 50
                 });
+                setTimeout(()=>{
+                    window.location.reload();
+                },1000)
             }
-            setTimeout(()=>{
-                window.location.reload();
-            },1000)
+
 
         },
         toUserPage(){
-            this.$router.push({path:'/UserInfoPage'})
+            this.$router.push({
+                    path:'/UserInfoPage',
+                    query: {
+                    name: this.$cookie.get('username'),
+                    refresh: true
+                }})
         },
         getContributionValue(){
             var that=this;
diff --git a/src/components/User/UserInfoPage.vue b/src/components/User/UserInfoPage.vue
new file mode 100644
index 0000000..ff4641b
--- /dev/null
+++ b/src/components/User/UserInfoPage.vue
@@ -0,0 +1,137 @@
+<template>
+    <div style="display:flex;flex-direction:row;flex-wrap: nowrap">
+        <div style="display: flex;flex-direction:column;flex-wrap: nowrap">
+            <div class="PageHeader">
+                <br/>
+                <el-page-header  @back="goBack" style="justify-content: center;">
+                    <div slot="title" style="font-size:23px;font-weight: 600;"></div>
+                    <div slot="content" style="font-size:23px;font-weight: 600;">
+                        个人主页
+                    </div>
+                </el-page-header>
+            </div>
+            <div class="PageContent">
+                <el-card class="box-card" style="border: none">
+                    <div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
+                        <div style="display: flex;flex-direction: row;justify-content: flex-start">
+                            <div style="width: 100px;height: 100px">
+                                <el-avatar :size="90">{{username}}</el-avatar>
+                            </div>
+                            <div style="display: flex;flex-direction: column;margin-left: 15px;">
+                                <div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
+                                    <span style="font-size: 20px;font-weight: bold;">{{username}}</span>
+                                    <span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
+                                </div>
+                                <span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
+                                <span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">
+                                    已分享
+                                    <span v-if="projectNum!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{projectNum}}</span>
+                                    <span v-if="projectNum==null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
+                                    个开源项目，
+                                    <span v-if="Object.keys(commentList).length!==0" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{Object.keys(commentList).length}}</span>
+                                    <span v-if="Object.keys(commentList).length===0" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
+                                    份项目评价，
+                                    共获得
+                                    <span v-if="contributionValue!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{contributionValue}}</span>
+                                    <span v-if="contributionValue==null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
+                                    点贡献值。
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </el-card>
+                <el-card class="box-card" style="border: none;margin-top: 20px">
+                    <el-tabs v-model="activeName">
+                        <el-tab-pane label="评论" name="first">
+                            <el-empty description="暂无评论" :image-size="115"></el-empty>
+                        </el-tab-pane>
+                        <el-tab-pane label="项目" name="third">
+                            <el-empty description="暂无项目" :image-size="115"></el-empty>
+                        </el-tab-pane>
+                    </el-tabs>
+                </el-card>
+            </div>
+        </div>
+        <RightTools></RightTools>
+    </div>
+</template>
+
+<script>
+import axios from "axios";
+import RightTools from "@/components/Home/RightTools.vue";
+
+export default {
+    name: "UserInfoPage",
+    components: {RightTools},
+    data(){
+        return{
+            activeName:'first',
+            username: null,
+            contributionValue:0,
+            creatTime:null,
+            projectNum:0,
+            userId:null,
+            projectList:null,
+            commentList:{},
+        }
+    },
+    mounted() {
+        this.getUserInfo()
+        this.getUserDetail();
+    },
+    watch: {
+        $route () {
+            if(this.$route.query.refresh){
+                this.getUserInfo() //重新调用http请求实现页面的重新渲染
+                this.getUserDetail();
+            }
+        }
+    },
+
+    methods: {
+        goBack() {
+            window.history.go(-1);
+        },
+        getUserInfo(){
+            var that=this;
+            axios({
+                method: 'post',
+                // 请求的地址
+                url: 'http://localhost:8082/helloGithub_war_exploded/retUser',
+                // URL 中的查询参数
+                params: {
+                    username:this.$route.query.name
+                }
+            }).then(function (res) {
+                that.username=res.data.userName;
+                that.contributionValue=res.data.contributionValue;
+                that.creatTime=res.data.creatTime;
+                that.projectNum=res.data.projectNum;
+                that.userId=res.data.userId;
+            });
+        },
+        getUserDetail(){
+            var that=this;
+            axios({
+                method: 'post',
+                // 请求的地址
+                url: 'http://localhost:8082/helloGithub_war_exploded/userDetail',
+                // URL 中的查询参数
+                params: {
+                    username:this.$route.query.name
+                }
+            }).then(function (res) {
+                that.projectList=JSON.parse(res.data.project);
+                that.commentList=JSON.parse(res.data.comment);
+            });
+        },
+    }
+}
+</script>
+
+<style scoped>
+::v-deep .el-page-header__left{
+    position: relative;
+    left:-20vw;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/UserInfoPage.vue b/src/components/UserInfoPage.vue
deleted file mode 100644
index 78267bf..0000000
--- a/src/components/UserInfoPage.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-    <div style="display:flex;flex-direction:row;flex-wrap: nowrap">
-        <div style="display: flex;flex-direction:column;flex-wrap: nowrap">
-            <div class="PageHeader">
-                <br/>
-                <el-page-header  @back="goBack" style="justify-content: center;">
-                    <div slot="title" style="font-size:23px;font-weight: 600;"></div>
-                    <div slot="content" style="font-size:23px;font-weight: 600;">
-                        个人主页
-                    </div>
-                </el-page-header>
-            </div>
-            <div class="PageContent">
-                <el-card class="box-card" style="border: none">
-                    <div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
-                        <div style="display: flex;flex-direction: row;justify-content: flex-start">
-                            <div style="width: 100px;height: 100px">
-                                <el-avatar :size="90">{{this.$cookie.get('username')}}</el-avatar>
-                            </div>
-                            <div style="display: flex;flex-direction: column;margin-left: 15px;">
-                                <div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
-                                    <span style="font-size: 20px;font-weight: bold;">{{this.$cookie.get('username')}}</span>
-                                    <span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
-                                </div>
-                                <span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> 7750 </span>位用户，于 2023 年 06 月 25 日 加入。</span>
-                                <span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">已分享<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>个开源项目<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>份项目评价，共获得<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>点贡献值。</span>
-                            </div>
-                        </div>
-                    </div>
-                </el-card>
-                <el-card class="box-card" style="border: none;margin-top: 20px">
-                    <el-tabs v-model="activeName">
-                        <el-tab-pane label="评论" name="first">
-                            <el-empty description="暂无评论" :image-size="100"></el-empty>
-                        </el-tab-pane>
-                        <el-tab-pane label="项目" name="third">
-                            <el-empty description="暂无项目" :image-size="100"></el-empty>
-                        </el-tab-pane>
-                    </el-tabs>
-                </el-card>
-            </div>
-        </div>
-
-    </div>
-</template>
-
-<script>
-export default {
-    name: "UserInfoPage",
-    data(){
-        return{
-            activeName:'first'
-        }
-    },
-
-    methods: {
-        goBack() {
-            window.history.go(-1);
-        }
-    }
-}
-</script>
-
-<style scoped>
-::v-deep .el-page-header__left{
-    position: relative;
-    left:-20vw;
-}
-</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 236d577..6219de3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,8 +6,8 @@ import monthly from "@/components/Monthly/Monthly.vue";
 import ranking from "@/components/Ranking.vue";
 import paper from "@/components/Paper/Paper.vue";
 import MonthlyDetail from "@/components/Monthly/MonthlyDetail.vue";
-import UserInfoPage from "@/components/UserInfoPage.vue";
-import ProjectDetail from "@/components/ProjectDetail.vue";
+import UserInfoPage from "@/components/User/UserInfoPage.vue";
+import ProjectDetail from "@/components/Project/ProjectDetail.vue";
 import ArticleDetail from "@/components/Paper/ArticleDetail.vue";
 const originalPush = VueRouter.prototype.push
 VueRouter.prototype.push = function push(location) {