init project

public/images/educoder/icon/QQ.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="130.6" y="97.3" width="764.9" height="831.8"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M216,425.1c-4.7,11,1.6,18.8,0,61.2c0,11-50.2,64.3-70.6,119.2c-20.4,53.3-22,109.8,7.8,133.3
+			c29.8,21.9,58-73.7,62.7-59.6c1.6,6.3,3.1,12.5,6.3,18.8c9.4,26.7,26.7,54.9,50.2,81.5c4.7,6.3-29.8,15.7-50.2,50.2
+			c-20.4,34.5,6.3,97.2,108.2,97.2c131.7,0,159.9-45.5,163.1-45.5h20.4c12.5,0,7.8,1.6,18.8,0c6.3,0,70.6,54.9,158.4,45.5
+			c150.5-15.7,127-65.9,116-97.2c-12.5-32.9-56.4-48.6-53.3-50.2c36.1-39.2,42.3-64.3,53.3-100.3c4.7-15.7,39.2,83.1,67.4,59.6
+			c11-9.4,32.9-48.6,11-133.3c-21.9-83.1-65.9-103.5-64.3-119.2c1.6-32.9,1.6-54.9-1.6-61.1c-7.8-28.2-25.1-22-25.1-28.2
+			c0-166.2-123.9-299.5-277.5-299.5c-153.7,0-277.5,134.8-277.5,299.5C237.9,409.5,225.4,400.1,216,425.1L216,425.1z M216,425.1"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/add-small.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="14px" height="14px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#666" d="M716.1 487H536.8V307.7c0-13.2-10.7-23.8-23.8-23.8s-23.8 10.7-23.8 23.8V487H309.9c-13.2 0-23.8 10.7-23.8 23.8 0 13.2 10.7 23.8 23.8 23.8h179.3v179.3c0 13.2 10.7 23.8 23.8 23.8s23.8-10.7 23.8-23.8V534.6h179.3c13.2 0 23.8-10.7 23.8-23.8 0-13.2-10.6-23.8-23.8-23.8zM513 64.2c-246.2 0-446.6 200.3-446.6 446.6C66.4 757 266.8 957.4 513 957.4c246.2 0 446.6-200.3 446.6-446.6 0-246.2-200.4-446.6-446.6-446.6z m0 845.5c-220 0-398.9-179-398.9-398.9S293 111.9 513 111.9s398.9 179 398.9 398.9S733 909.7 513 909.7z" /></svg>

public/images/educoder/icon/add.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="20px" height="20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M716.1 487H536.8V307.7c0-13.2-10.7-23.8-23.8-23.8s-23.8 10.7-23.8 23.8V487H309.9c-13.2 0-23.8 10.7-23.8 23.8 0 13.2 10.7 23.8 23.8 23.8h179.3v179.3c0 13.2 10.7 23.8 23.8 23.8s23.8-10.7 23.8-23.8V534.6h179.3c13.2 0 23.8-10.7 23.8-23.8 0-13.2-10.6-23.8-23.8-23.8zM513 64.2c-246.2 0-446.6 200.3-446.6 446.6C66.4 757 266.8 957.4 513 957.4c246.2 0 446.6-200.3 446.6-446.6 0-246.2-200.4-446.6-446.6-446.6z m0 845.5c-220 0-398.9-179-398.9-398.9S293 111.9 513 111.9s398.9 179 398.9 398.9S733 909.7 513 909.7z" /></svg>

public/images/educoder/icon/addsmallgreen.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="14px" height="14px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#29BD8B" d="M716.1 487H536.8V307.7c0-13.2-10.7-23.8-23.8-23.8s-23.8 10.7-23.8 23.8V487H309.9c-13.2 0-23.8 10.7-23.8 23.8 0 13.2 10.7 23.8 23.8 23.8h179.3v179.3c0 13.2 10.7 23.8 23.8 23.8s23.8-10.7 23.8-23.8V534.6h179.3c13.2 0 23.8-10.7 23.8-23.8 0-13.2-10.6-23.8-23.8-23.8zM513 64.2c-246.2 0-446.6 200.3-446.6 446.6C66.4 757 266.8 957.4 513 957.4c246.2 0 446.6-200.3 446.6-446.6 0-246.2-200.4-446.6-446.6-446.6z m0 845.5c-220 0-398.9-179-398.9-398.9S293 111.9 513 111.9s398.9 179 398.9 398.9S733 909.7 513 909.7z" /></svg>

public/images/educoder/icon/addsmallwhite.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="14px" height="14px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<path fill="#fff" d="M716.1 487H536.8V307.7c0-13.2-10.7-23.8-23.8-23.8s-23.8 10.7-23.8 23.8V487H309.9c-13.2 0-23.8 10.7-23.8 23.8 0 13.2 10.7 23.8 23.8 23.8h179.3v179.3c0 13.2 10.7 23.8 23.8 23.8s23.8-10.7 23.8-23.8V534.6h179.3c13.2 0 23.8-10.7 23.8-23.8 0-13.2-10.6-23.8-23.8-23.8zM513 64.2c-246.2 0-446.6 200.3-446.6 446.6C66.4 757 266.8 957.4 513 957.4c246.2 0 446.6-200.3 446.6-446.6 0-246.2-200.4-446.6-446.6-446.6z m0 845.5c-220 0-398.9-179-398.9-398.9S293 111.9 513 111.9s398.9 179 398.9 398.9S733 909.7 513 909.7z" />
+</svg>

public/images/educoder/icon/auto-email.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#cdcdcd;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="63.1" y="174" width="897.9" height="680.9"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M879.1,174.4H144.4c-45,0-81.5,36.6-81.5,81.5v516.2c0,45,36.6,81.5,81.5,81.5h734.6
+			c45,0,81.5-36.6,81.5-81.5V255.9C960.6,211,924,174.4,879.1,174.4L879.1,174.4z M879.1,230.5c4.1,0,8,1,11.5,2.8L511.8,506.4
+			L133,233.3c3.6-1.8,7.5-2.8,11.5-2.8H879.1z M879.1,797.5H144.4c-14,0-25.4-11.4-25.4-25.4V292.4l392.7,283.2l392.7-283.2v479.8
+			C904.5,786.1,893.1,797.5,879.1,797.5L879.1,797.5z M879.1,797.5"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/auto-emailed.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#4CACFF;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="63.1" y="174" width="897.9" height="680.9"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M879.1,174.4H144.4c-45,0-81.5,36.6-81.5,81.5v516.2c0,45,36.6,81.5,81.5,81.5h734.6
+			c45,0,81.5-36.6,81.5-81.5V255.9C960.6,211,924,174.4,879.1,174.4L879.1,174.4z M879.1,230.5c4.1,0,8,1,11.5,2.8L511.8,506.4
+			L133,233.3c3.6-1.8,7.5-2.8,11.5-2.8H879.1z M879.1,797.5H144.4c-14,0-25.4-11.4-25.4-25.4V292.4l392.7,283.2l392.7-283.2v479.8
+			C904.5,786.1,893.1,797.5,879.1,797.5L879.1,797.5z M879.1,797.5"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/auto-identity.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#CDCDCD}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="62.6" y="132" width="897.5" height="760.5"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<path class="st0" d="M509.7,891.3c-109.2,0-218.5,0.1-327.8,0c-71-0.1-118.4-45-118.8-116.1c-0.9-175.8-0.9-351.5,0-527.3
+		C63.6,176.9,111,132,182,131.9c219.4,0,438.6,0,657.9,0.1c71.1,0,118.5,45,118.8,116.1c0.9,175.8,0.9,351.5,0,527.3
+		c-0.4,71.4-47.6,115.9-118.8,116.1C729.9,891.4,619.7,891.3,509.7,891.3L509.7,891.3z M512.7,180.6c-106.5,0-213.1-0.2-319.6,0.1
+		c-54.8,0.1-79.3,25.4-79.3,80.3v501.2c0,54.9,24.6,80.2,79.4,80.3c211.4,0.2,422.9,0.1,634.5,0c56.3,0,80.7-25,80.7-81.7V264.5
+		c0-60-23.5-83.9-83.1-83.9C720.9,180.5,616.9,180.6,512.7,180.6L512.7,180.6z M512.7,180.6"/>
+</g>
+<path class="st0" d="M742.7,529.1c14,12.4,29.1,23.9,41.8,37.4c24.5,26.1,37,57.7,38.5,93.5c0.5,13.9-0.6,27.5-18.7,28.8
+	c-17.2,1.2-22.5-9.9-23.8-24.9c-2.7-33.4-15.5-62.1-42.1-83.1c-69-54.9-169.6-14.6-182.5,72.9c-0.5,3.2-0.6,6.6-0.7,9.8
+	c-0.7,14.7-5.7,26.6-23,25.2c-18.7-1.4-21.4-14.8-20-30.3c3.6-41.8,20.3-77.3,51.7-105.4c9.2-8.2,19.4-15,30.8-23.6
+	c-26.1-27.7-42.6-59.4-37.4-98.7c4-29.7,17.8-54.2,41.1-73.4c41.7-34.4,106.7-31.5,146.5,6.4C789.9,406.8,789,465.2,742.7,529.1
+	L742.7,529.1z M734.2,445.1c0.6-35.9-28.8-66.1-65.2-66.8c-36.5-0.7-66.9,28-67.9,64.1c-1,36.9,29.4,68.2,66.4,68.3
+	C703.7,511,733.6,481.5,734.2,445.1L734.2,445.1z M734.2,445.1"/>
+<path class="st0" d="M219.1,335.6h201.1c11.1,0,20.2,9,20.2,20.2v0c0,11.1-9,20.2-20.2,20.2H219.1c-11.1,0-20.2-9-20.2-20.2v0
+	C198.9,344.7,208,335.6,219.1,335.6z"/>
+<path class="st0" d="M217.8,648.2h202.7c10.8,0,19.6,8.8,19.6,19.6v0c0,10.8-8.8,19.6-19.6,19.6H217.8c-10.8,0-19.6-8.8-19.6-19.6v0
+	C198.2,656.9,207,648.2,217.8,648.2z"/>
+<path class="st0" d="M217.1,492.9h204.5c10.5,0,18.9,8.5,18.9,18.9v0c0,10.5-8.5,18.9-18.9,18.9H217.1c-10.5,0-18.9-8.5-18.9-18.9v0
+	C198.2,501.4,206.7,492.9,217.1,492.9z"/>
+</svg>

public/images/educoder/icon/auto-identityed.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#4CACFF}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="62.6" y="132" width="897.5" height="760.5"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<path class="st0" d="M509.7,891.3c-109.2,0-218.5,0.1-327.8,0c-71-0.1-118.4-45-118.8-116.1c-0.9-175.8-0.9-351.5,0-527.3
+		C63.6,176.9,111,132,182,131.9c219.4,0,438.6,0,657.9,0.1c71.1,0,118.5,45,118.8,116.1c0.9,175.8,0.9,351.5,0,527.3
+		c-0.4,71.4-47.6,115.9-118.8,116.1C729.9,891.4,619.7,891.3,509.7,891.3L509.7,891.3z M512.7,180.6c-106.5,0-213.1-0.2-319.6,0.1
+		c-54.8,0.1-79.3,25.4-79.3,80.3v501.2c0,54.9,24.6,80.2,79.4,80.3c211.4,0.2,422.9,0.1,634.5,0c56.3,0,80.7-25,80.7-81.7V264.5
+		c0-60-23.5-83.9-83.1-83.9C720.9,180.5,616.9,180.6,512.7,180.6L512.7,180.6z M512.7,180.6"/>
+</g>
+<path class="st0" d="M742.7,529.1c14,12.4,29.1,23.9,41.8,37.4c24.5,26.1,37,57.7,38.5,93.5c0.5,13.9-0.6,27.5-18.7,28.8
+	c-17.2,1.2-22.5-9.9-23.8-24.9c-2.7-33.4-15.5-62.1-42.1-83.1c-69-54.9-169.6-14.6-182.5,72.9c-0.5,3.2-0.6,6.6-0.7,9.8
+	c-0.7,14.7-5.7,26.6-23,25.2c-18.7-1.4-21.4-14.8-20-30.3c3.6-41.8,20.3-77.3,51.7-105.4c9.2-8.2,19.4-15,30.8-23.6
+	c-26.1-27.7-42.6-59.4-37.4-98.7c4-29.7,17.8-54.2,41.1-73.4c41.7-34.4,106.7-31.5,146.5,6.4C789.9,406.8,789,465.2,742.7,529.1
+	L742.7,529.1z M734.2,445.1c0.6-35.9-28.8-66.1-65.2-66.8c-36.5-0.7-66.9,28-67.9,64.1c-1,36.9,29.4,68.2,66.4,68.3
+	C703.7,511,733.6,481.5,734.2,445.1L734.2,445.1z M734.2,445.1"/>
+<path class="st0" d="M219.1,335.6h201.1c11.1,0,20.2,9,20.2,20.2v0c0,11.1-9,20.2-20.2,20.2H219.1c-11.1,0-20.2-9-20.2-20.2v0
+	C198.9,344.7,208,335.6,219.1,335.6z"/>
+<path class="st0" d="M217.8,648.2h202.7c10.8,0,19.6,8.8,19.6,19.6v0c0,10.8-8.8,19.6-19.6,19.6H217.8c-10.8,0-19.6-8.8-19.6-19.6v0
+	C198.2,656.9,207,648.2,217.8,648.2z"/>
+<path class="st0" d="M217.1,492.9h204.5c10.5,0,18.9,8.5,18.9,18.9v0c0,10.5-8.5,18.9-18.9,18.9H217.1c-10.5,0-18.9-8.5-18.9-18.9v0
+	C198.2,501.4,206.7,492.9,217.1,492.9z"/>
+</svg>

public/images/educoder/icon/auto-phone.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<path fill="#cdcdcd" d="M729.1,960.9H296.9c-25.6,0-46.3-20.7-46.3-46.3V111.9c0-25.6,20.8-46.3,46.3-46.3h432.2c25.6,0,46.3,20.7,46.3,46.3v802.7
+		C775.4,940.2,754.7,960.9,729.1,960.9L729.1,960.9z M513,914.6c17.1,0,30.9-13.8,30.9-30.9c0-17.1-13.8-30.9-30.9-30.9
+		c-17.1,0-30.9,13.8-30.9,30.9C482.1,900.8,495.9,914.6,513,914.6L513,914.6z M729.1,158.2H296.9v648.3h432.2V158.2z M729.1,158.2"
+		/>
+</g>
+</svg>

public/images/educoder/icon/auto-phoneed.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<path fill="#4CACFF" d="M729.1,960.9H296.9c-25.6,0-46.3-20.7-46.3-46.3V111.9c0-25.6,20.8-46.3,46.3-46.3h432.2c25.6,0,46.3,20.7,46.3,46.3v802.7
+		C775.4,940.2,754.7,960.9,729.1,960.9L729.1,960.9z M513,914.6c17.1,0,30.9-13.8,30.9-30.9c0-17.1-13.8-30.9-30.9-30.9
+		c-17.1,0-30.9,13.8-30.9,30.9C482.1,900.8,495.9,914.6,513,914.6L513,914.6z M729.1,158.2H296.9v648.3h432.2V158.2z M729.1,158.2"
+		/>
+</g>
+</svg>

public/images/educoder/icon/auto-post.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<path fill="#cdcdcd" d="M602,326H403.7L284.5,708.8l218.6,220.3l238.2-201.8L602,326z M602.6,293H403.7L308.3,98.2h390.9L602.6,293z M602.6,293"/>
+</g>
+</svg>

public/images/educoder/icon/auto-posted.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<path fill="#4CACFF" d="M602,326H403.7L284.5,708.8l218.6,220.3l238.2-201.8L602,326z M602.6,293H403.7L308.3,98.2h390.9L602.6,293z M602.6,293"/>
+</g>
+</svg>

public/images/educoder/icon/bell.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="20px" height="20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M797.8 567.8c1.8-13.1 2.8-26.3 2.8-39.4v-177c0-158.6-129-287.6-287.6-287.6s-287.6 129-287.6 287.6v177c0 13.1 0.9 26.3 2.8 39.4-59.7 18-102.3 73.6-102.3 137.5 0 79.3 64.5 143.8 143.8 143.8h112.6c10.6 62.7 65.1 110.6 130.7 110.6s120.1-47.9 130.7-110.6h112.6c79.3 0 143.8-64.5 143.8-143.8 0-63.9-42.6-119.4-102.3-137.5zM513 915.5c-41.2 0-75.8-28.2-85.7-66.4h171.4c-9.9 38.1-44.5 66.4-85.7 66.4z m243.3-110.6H269.7c-54.9 0-99.5-44.7-99.5-99.5 0-49.6 37.2-92 86.5-98.6 6.1-0.8 11.6-4.2 15.2-9.2 3.6-5.1 4.8-11.4 3.5-17.4-3.7-17.1-5.6-34.5-5.6-51.7v-177c0-134.2 109.2-243.3 243.3-243.3s243.3 109.2 243.3 243.3v177c0 17.3-1.9 34.7-5.6 51.7-1.3 6-0.1 12.4 3.5 17.4 3.6 5.1 9.1 8.4 15.2 9.2 49.3 6.6 86.5 48.9 86.5 98.6-0.1 54.8-44.8 99.5-99.7 99.5z" /></svg>

public/images/educoder/icon/branch.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="17px" height="18px">
+<g>
+	<g>
+		<path fill="#666" d="M739.9,279.2c58.3,0,105.6-47.2,105.6-105.3c0-58.2-47.3-105.3-105.7-105.3c-35.8,0-69.1,18.2-88.5,48.3
+			c-19.4,30.1-22.1,68-7.3,100.6L474.4,371.2c-29.8-17.6-63.8-26.9-98.4-26.8c-51.2-0.1-100.4,20.2-136.7,56.4
+			c-36.3,36.2-56.7,85.3-56.8,136.6c0.2,106.7,86.7,193.1,193.4,193c37.3,0,72.3-10.6,101.8-28.9l111.1,100.7
+			c-15,32.6-12.3,70.6,7.2,100.8c19.4,30.2,53,48.4,88.9,48.2c58.3,0,105.6-47.2,105.6-105.3c0-58.2-47.3-105.3-105.6-105.3
+			c-22.6,0-43.5,7-60.7,19.1l-103.7-94.1c31.6-35.3,49-81,49-128.3c0-50.6-19.5-96.7-51.4-131.1L679.4,260
+			C696.4,272.1,717.5,279.1,739.9,279.2L739.9,279.2z M739.9,123.8c27.7,0,50.3,22.5,50.3,50.2c0,27.8-22.5,50.3-50.3,50.3
+			c-27.8,0-50.3-22.5-50.3-50.3C689.7,146.2,712.3,123.8,739.9,123.8L739.9,123.8z M278.3,634.9c-26-25.8-40.5-60.9-40.4-97.5
+			c0-36.8,14.3-71.4,40.4-97.5c25.9-25.9,61.1-40.5,97.7-40.3c36.7-0.1,71.8,14.4,97.7,40.3c26.1,26,40.4,60.6,40.4,97.5
+			c0.1,36.6-14.5,71.7-40.4,97.5c-25.9,25.9-61.1,40.5-97.7,40.3C339.3,675.4,304.1,660.8,278.3,634.9L278.3,634.9z M684.9,795.8
+			c26.7,1.3,47.7,23.4,47.7,50.1c0,26.7-21,48.8-47.7,50.1c-26.7-1.3-47.7-23.4-47.7-50.1C637.2,819.2,658.2,797.2,684.9,795.8
+			L684.9,795.8z M684.9,795.8"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/charpter-white.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="12px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path fill="#fff" d="M302.1,207.7c-16.5,0-29.8,13.3-29.8,29.8v603.6c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V237.5
+		C332,221,318.6,207.7,302.1,207.7z"/>
+	<path fill="#fff" d="M92.9,319.5c-16.5,0-29.8,13.3-29.8,29.8V707c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V349.3
+		C122.7,332.8,109.4,319.5,92.9,319.5z"/>
+	<path fill="#fff" d="M511.3,88.5c-16.5,0-29.8,13.3-29.8,29.8v789.9c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V118.3
+		C541.1,101.8,527.8,88.5,511.3,88.5z"/>
+	<path fill="#fff" d="M720.5,207.7c-16.5,0-29.8,13.3-29.8,29.8v603.6c0,16.5,13.3,29.8,29.8,29.8c16.5,0,29.8-13.3,29.8-29.8V237.5
+		C750.3,221,737,207.7,720.5,207.7z"/>
+	<path fill="#fff" d="M929.7,319.5c-16.5,0-29.8,13.3-29.8,29.8V707c0,16.5,13.3,29.8,29.8,29.8c16.5,0,29.8-13.3,29.8-29.8V349.3
+		C959.5,332.8,946.2,319.5,929.7,319.5z"/>
+</g>
+</svg>

public/images/educoder/icon/charpter.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="15px" height="15px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path fill="#999" d="M302.1,207.7c-16.5,0-29.8,13.3-29.8,29.8v603.6c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V237.5
+		C332,221,318.6,207.7,302.1,207.7z"/>
+	<path fill="#999" d="M92.9,319.5c-16.5,0-29.8,13.3-29.8,29.8V707c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V349.3
+		C122.7,332.8,109.4,319.5,92.9,319.5z"/>
+	<path fill="#999" d="M511.3,88.5c-16.5,0-29.8,13.3-29.8,29.8v789.9c0,16.5,13.3,29.8,29.8,29.8s29.8-13.3,29.8-29.8V118.3
+		C541.1,101.8,527.8,88.5,511.3,88.5z"/>
+	<path fill="#999" d="M720.5,207.7c-16.5,0-29.8,13.3-29.8,29.8v603.6c0,16.5,13.3,29.8,29.8,29.8c16.5,0,29.8-13.3,29.8-29.8V237.5
+		C750.3,221,737,207.7,720.5,207.7z"/>
+	<path fill="#999" d="M929.7,319.5c-16.5,0-29.8,13.3-29.8,29.8V707c0,16.5,13.3,29.8,29.8,29.8c16.5,0,29.8-13.3,29.8-29.8V349.3
+		C959.5,332.8,946.2,319.5,929.7,319.5z"/>
+</g>
+</svg>

public/images/educoder/icon/checked.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="10px" height="10px">
+<g>
+	<path fill="#459BE6" d="M387.5,805.2c-1.6,0-3.2-0.1-4.8-0.2c-17.4-1.3-33.5-9.6-44.5-23.1L81.3,470.7c-22.5-27.2-18.7-67.6,8.6-90.1
+		c27.3-22.5,67.6-18.7,90.1,8.6L394.4,649l458.2-411.4c26.3-23.6,66.7-21.4,90.3,4.9c23.6,26.3,21.4,66.7-4.9,90.3L430.2,788.8
+		C418.5,799.4,403.2,805.2,387.5,805.2z"/>
+</g>
+</svg>

public/images/educoder/icon/choose.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" widt="12px" height="12px">
+<g>
+	<g>
+		<path fill="#fff" d="M701,959.4H325c-116.4,0-211.1-100.4-211.1-223.8V357.9c0-117.6,86.8-215.6,197.6-223.1l2.7,39.1
+			c-90.3,6.1-161.1,87-161.1,184v377.7c0,101.8,77.2,184.6,172,184.6H701c94.8,0,172-82.8,172-184.6V357.9
+			c0-97.1-70.7-177.9-161.1-184l2.7-39.1c110.8,7.5,197.6,105.5,197.6,223.1v377.7C912.1,859,817.4,959.4,701,959.4z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M741.5,429.3L485.8,736.1c-9.8,11.7-27.2,13.2-38.7,3.3L276.5,593.2c-11.5-9.8-12.8-27.1-3-38.5h0
+			c9.8-11.4,27.1-12.8,38.5-3l128.5,110.1c11.6,9.9,29,8.4,38.7-3.3l220.2-264.3c9.7-11.6,26.9-13.2,38.5-3.5l0,0
+			C749.6,400.4,751.2,417.7,741.5,429.3z M759,408.3"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M513,262.1"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M640.8,239.8H385.2c-48.4,0-87.8-39.4-87.8-87.8s39.4-87.8,87.8-87.8h255.7c48.4,0,87.8,39.4,87.8,87.8
+			S689.2,239.8,640.8,239.8z M385.2,103.4c-26.8,0-48.6,21.8-48.6,48.6s21.8,48.6,48.6,48.6h255.7c26.8,0,48.6-21.8,48.6-48.6
+			s-21.8-48.6-48.6-48.6H385.2z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/close.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="8px" height="8px">
+<g>
+	<g>
+		<path fill="#fff" d="M147.8,922.6c-12,0-24-4.6-33.2-13.8c-18.3-18.3-18.3-48.1,0-66.4L845,112c18.3-18.3,48.1-18.3,66.4,0s18.3,48.1,0,66.4
+			L181,908.8C171.8,918,159.8,922.6,147.8,922.6z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M878.2,922.6c-12,0-24-4.6-33.2-13.8L114.6,178.4c-18.3-18.3-18.3-48.1,0-66.4s48.1-18.3,66.4,0l730.4,730.4
+			c18.3,18.3,18.3,48.1,0,66.4C902.2,918,890.2,922.6,878.2,922.6z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/code.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="14px">
+<g>
+	<g>
+		<path fill="#fff" d="M311.1,739c-6.1,0-12.2-2.3-16.8-7L69.7,507.4l224.6-224.6c9.3-9.3,24.3-9.3,33.6,0c9.3,9.3,9.3,24.3,0,33.6l-191,191
+			l191,191c9.3,9.3,9.3,24.3,0,33.6C323.3,736.7,317.2,739,311.1,739z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M711.5,739c-6.1,0-12.2-2.3-16.8-7c-9.3-9.3-9.3-24.3,0-33.6l191-191l-191-191c-9.3-9.3-9.3-24.3,0-33.6
+			c9.3-9.3,24.3-9.3,33.6,0L953,507.4L728.3,732C723.7,736.7,717.6,739,711.5,739z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M418.5,814.7c-2.4,0-4.8-0.4-7.2-1.1c-12.5-4-19.4-17.3-15.5-29.8l179.6-567.1c4-12.5,17.3-19.4,29.8-15.5
+			c12.5,4,19.4,17.3,15.5,29.8L441.1,798.1C437.9,808.2,428.6,814.7,418.5,814.7z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/comment.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<polygon points="513,96.7 647.9,370 949.4,413.8 731.2,626.5 782.7,926.9 513,785.1 243.3,926.9 294.8,626.5 76.6,413.8 378.1,370 
+	"/>
+</svg>

public/images/educoder/icon/commented.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path d="M772.8,928.2c-2.4,0-4.8-0.6-7.1-1.7L513,793.6L260.2,926.5c-5.1,2.7-11.3,2.2-16-1.2c-4.7-3.4-7-9.1-6-14.8L286.5,629
+		L82,429.7c-4.1-4-5.6-10.1-3.8-15.6c1.8-5.5,6.5-9.5,12.2-10.3L373,362.8l126.4-256.1c2.6-5.2,7.8-8.5,13.6-8.5
+		c5.8,0,11.1,3.3,13.6,8.5L653,362.8l282.6,41.1c5.7,0.8,10.5,4.8,12.2,10.3c1.8,5.5,0.3,11.5-3.8,15.6L739.5,629l48.3,281.5
+		c1,5.7-1.4,11.4-6,14.8C779.1,927.2,776,928.2,772.8,928.2z M513,761.3c2.4,0,4.9,0.6,7.1,1.7l232.6,122.3l-44.4-259
+		c-0.8-4.9,0.8-9.9,4.4-13.4l188.2-183.4l-260.1-37.8c-4.9-0.7-9.2-3.8-11.4-8.3L513,147.7L396.7,383.3c-2.2,4.5-6.5,7.6-11.4,8.3
+		l-260.1,37.8l188.2,183.4c3.6,3.5,5.2,8.5,4.4,13.4l-44.4,259L505.9,763C508.1,761.9,510.6,761.3,513,761.3z"/>
+</g>
+</svg>

public/images/educoder/icon/commitRecord.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="17px" height="18px">
+<style type="text/css">
+	.st0{fill:#666;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M480.4,875.2H250.1c-2.5,0-5.1-0.1-7.6-0.3c-1.5-0.1-2.9-0.2-4.3-0.4c7.9,0.9,2.8,0.4,1,0
+			c-6-1.1-11.8-2.7-17.5-4.9c-4.8-1.8,5.6,2.5,0.9,0.4l-3.7-1.8c-2.5-1.3-4.9-2.7-7.2-4.1c-1.8-1.1-10.6-7.6-3.8-2.4
+			c-4.2-3.4-8.2-7.1-11.8-11.2l-2.7-3.1c-3.2-4,3.6,4.8,0.6,0.7c-3.5-4.8-6.5-9.9-9.1-15.2c-0.8-1.5-2.7-6.3,0.3,0.9
+			c-0.6-1.3-1-2.6-1.5-3.9c-2-5.7-3.5-11.6-4.4-17.7c1.4,8.7,0-1.2-0.1-3.4c-0.1-1.5-0.1-2.9-0.1-4.4V219c0-3.4,0.2-6.8,0.5-10.2
+			c0.5-5.3-1,6.3-0.1,1c0.9-6,2.6-11.8,4.7-17.5c0.6-1.6,2.7-6.3-0.5,0.8l1.8-3.7c2.4-4.9,5.3-9.6,8.5-14.1c3-4.1-3.8,4.7-0.6,0.8
+			c2.9-3.5,6-6.8,9.3-9.9c1.5-1.4,9-7.3,2.2-2.2c5.9-4.4,12.2-8.1,18.9-11c-7.1,3.1-2.5,1-0.9,0.4c5.3-1.9,10.7-3.4,16.2-4.4
+			c1.8-0.4,7-1-1,0c4.2-0.5,8.5-0.7,12.8-0.6h524.9c3.2,0,6.3,0.1,9.5,0.4c4.6,0.8,9.1,1.9,13.6,3.3c2.1,0.6,11,4.3,3.1,0.9
+			c6.7,2.9,13,6.6,18.9,11c-6.1-4.5-2.1-1.6-0.8-0.5c4.2,3.5,8,7.4,11.5,11.6c1.1,1.2,4.1,5.3-0.5-0.8c4.4,5.9,8.1,12.2,11,18.9
+			c-3.5-7.9,0.3,1.1,0.9,3c1.4,4.5,2.5,9,3.3,13.6c0.9,5.3-0.7-6.3-0.1-1c0.4,2.9,0.5,5.8,0.5,8.7v356.8c0,13.6,11.4,25,25,25
+			c13.8-0.1,24.9-11.2,25-25V219.4c0-21.9-5.9-43.7-17.1-62.6c-14.7-23.9-37.1-42.2-63.6-51.7c-17.5-6.7-36-6.9-54.5-6.9H267
+			c-16.2,0-31.9,0-48,4c-52.3,13.2-90,63.2-90,116.8v582c0,35.1,13,68.9,39.3,92.7c21.3,19.1,48.5,30.2,77,31.5
+			c5.7,0.3,11.3,0.1,17,0.1h218c13.8-0.1,24.9-11.2,25-25C505.3,886.5,494.2,875.4,480.4,875.2L480.4,875.2z M854.2,687l-97.5,101.6
+			l-90.3,94h35.4l-73.2-65.2c-10.2-9-25.4-10-35.4,0c-9.2,9.3-10.2,26.3,0,35.4l73.3,65.2c10,9,25.5,10.3,35.4,0l97.5-101.6l90.3-94
+			c9.7-9.8,9.7-25.6,0-35.4C879.8,677.3,864,677.3,854.2,687L854.2,687z M349.9,338.5h326.3c13.8-0.1,24.9-11.3,25-25
+			c-0.1-13.8-11.3-24.9-25-25H349.9c-13.8,0.1-24.9,11.3-25,25C324.8,327.1,336.2,338.5,349.9,338.5L349.9,338.5z M349.9,534.1
+			h326.3c13.8-0.1,24.9-11.2,25-25c-0.1-13.8-11.3-24.9-25-25H349.9c-13.8,0.1-24.9,11.3-25,25C324.8,522.7,336.2,534.1,349.9,534.1
+			L349.9,534.1z M349.9,729.7h130.6c13.8-0.2,24.9-11.3,25-25c-0.1-13.8-11.3-24.9-25-25H349.8c-13.8,0.2-24.9,11.3-25,25
+			C324.8,718.3,336.2,729.7,349.9,729.7L349.9,729.7z M349.9,729.7"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/copyurl.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="14px">
+	 <style>
+	    .st0{fill:#ff7500;}
+	 </style>
+<g>
+	<path class="st0" d="M824.2,719.3h-415c-57.3,0-103.7-46.5-103.7-103.7v-415c0-57.3,46.5-103.7,103.7-103.7h415c57.3,0,103.7,46.5,103.7,103.7
+		v415C928,672.8,881.5,719.3,824.2,719.3L824.2,719.3z M876.1,200.6c0-28.6-23.2-51.9-51.9-51.9h-415c-28.6,0-51.9,23.2-51.9,51.9
+		v415c0,28.6,23.2,51.9,51.9,51.9h415c28.6,0,51.9-23.2,51.9-51.9V200.6z M149.9,408.1v415c0,28.6,23.2,51.9,51.9,51.9h415
+		c28.7,0,51.9-23.2,51.9-51.9v-25.9c0-14.3,11.6-25.9,25.9-25.9h0c14.3,0,25.9,11.6,25.9,25.9V823c0,57.3-46.4,103.7-103.7,103.7
+		h-415C144.5,926.8,98,880.3,98,823v-415c0-57.3,46.4-103.7,103.7-103.7h25.9c14.3,0,25.9,11.6,25.9,25.9v0
+		c0,14.3-11.6,25.9-25.9,25.9h-25.9C173.1,356.2,149.9,379.4,149.9,408.1L149.9,408.1z M149.9,408.1"/>
+</g>
+</svg>

public/images/educoder/icon/del.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="16px">
+<g>
+	<path fill="#ccc" d="M852.1,272.8c-14.5,0-26.3,11.8-26.3,26.3v476.3c0,72.4-58.9,131.4-131.4,131.4H301.9c-72.4,0-131.4-58.9-131.4-131.4
+		V299.1c0-14.5-11.8-26.3-26.3-26.3c-14.5,0-26.3,11.8-26.3,26.3v476.3c0,101.4,82.5,183.9,183.9,183.9h392.5
+		c101.4,0,183.9-82.5,183.9-183.9V299.1C878.4,284.6,866.6,272.8,852.1,272.8z"/>
+	<path fill="#ccc" d="M288.8,426.9v325.7c0,14.5,11.8,26.3,26.3,26.3c14.5,0,26.3-11.8,26.3-26.3V426.9c0-14.5-11.8-26.3-26.3-26.3
+		C300.6,400.6,288.8,412.4,288.8,426.9z"/>
+	<path fill="#ccc" d="M485.1,392.7v394.2c0,14.5,11.8,26.3,26.3,26.3s26.3-11.8,26.3-26.3V392.7c0-14.5-11.8-26.3-26.3-26.3
+		S485.1,378.2,485.1,392.7z"/>
+	<path fill="#ccc" d="M655,426.9v325.7c0,14.5,11.8,26.3,26.3,26.3s26.3-11.8,26.3-26.3V426.9c0-14.5-11.8-26.3-26.3-26.3S655,412.4,655,426.9z"
+		/>
+	<path fill="#ccc" d="M144.3,230.6H681c0.1,0,0.2,0,0.4,0c0.1,0,0.3,0,0.4,0h170.4c14.5,0,26.3-11.8,26.3-26.3c0-14.5-11.8-26.3-26.3-26.3H698.2
+		l-44.8-98.5c-4.3-9.4-13.6-15.4-23.9-15.4H366.9c-10.3,0-19.6,6-23.9,15.4l-44.9,98.5H144.3c-14.5,0-26.3,11.8-26.3,26.3
+		C118,218.9,129.7,230.6,144.3,230.6z M383.8,116.8h228.7l27.9,61.3H355.9L383.8,116.8z"/>
+</g>
+</svg>

public/images/educoder/icon/downarrow.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="20px" height="16px">
+<path fill="#fff"  d="M905.1,237.9c-26-20.5-63.8-16-84.3,10.1L511.4,641.4L202.1,247.9c-20.5-26.1-58.3-30.6-84.3-10.1
+	c-26.1,20.5-30.6,58.3-10.1,84.3l356.6,453.5c11.4,14.5,28.8,22.9,47.2,22.9s35.8-8.4,47.2-22.9l356.6-453.5
+	C935.7,296.1,931.2,258.4,905.1,237.9z"/>
+</svg>

public/images/educoder/icon/downarrowsmall-right.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="10px">
+<path fill="#666"  d="M905.1,237.9c-26-20.5-63.8-16-84.3,10.1L511.4,641.4L202.1,247.9c-20.5-26.1-58.3-30.6-84.3-10.1
+	c-26.1,20.5-30.6,58.3-10.1,84.3l356.6,453.5c11.4,14.5,28.8,22.9,47.2,22.9s35.8-8.4,47.2-22.9l356.6-453.5
+	C935.7,296.1,931.2,258.4,905.1,237.9z"/>
+</svg>

public/images/educoder/icon/downarrowsmall.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="12px">
+<path fill="#fff"  d="M905.1,237.9c-26-20.5-63.8-16-84.3,10.1L511.4,641.4L202.1,247.9c-20.5-26.1-58.3-30.6-84.3-10.1
+	c-26.1,20.5-30.6,58.3-10.1,84.3l356.6,453.5c11.4,14.5,28.8,22.9,47.2,22.9s35.8-8.4,47.2-22.9l356.6-453.5
+	C935.7,296.1,931.2,258.4,905.1,237.9z"/>
+</svg>

public/images/educoder/icon/download.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="17px" height="17px">
+	 <style>
+	    .st0{fill:#666}
+	 </style>
+<g>
+	<g>
+		<path class="st0" d="M763.8,813.3h-503c-108.4,0-196.6-88.2-196.6-196.6c0-50.9,20.3-100.4,56-137c-0.1-2.1-0.1-4.2-0.1-6.2
+			c0-98.8,80.3-179.1,179.1-179.1c18.6,0,36.9,2.8,54.5,8.5c52.3-66.8,132.8-106.3,218-106.3c138.8,0,257.3,105.4,274.6,241.9
+			c68.7,32.1,114.1,102.3,114.1,178.2C960.4,725.2,872.2,813.3,763.8,813.3z M299.2,331.3c-78.5,0-142.3,63.8-142.3,142.3
+			c0,4,0.2,8,0.5,11.9c0.5,5.6-1.7,11.1-5.8,15C119.5,530.6,101,573,101,616.8c0,88.1,71.7,159.7,159.7,159.7h503
+			c88.1,0,159.7-71.7,159.7-159.7c0-64.8-40.7-124.4-101.2-148.5c-6.5-2.6-10.9-8.6-11.5-15.5c-10.6-123-115.6-219.3-239.1-219.3
+			c-78,0-151.4,38.1-196.4,102c-4.9,7-14.1,9.7-22,6.4C336.1,334.9,317.9,331.3,299.2,331.3z"/>
+	</g>
+	<g>
+		<g>
+			<path class="st0" d="M512.3,684.5c-2.4,0-4.8-0.5-7-1.4c-6.9-2.8-11.4-9.6-11.4-17V472.8c0-10.2,8.2-18.4,18.4-18.4
+				c10.2,0,18.4,8.2,18.4,18.4v148.9l51.4-51.4c7.2-7.2,18.8-7.2,26,0s7.2,18.8,0,26l-82.8,82.8
+				C521.8,682.6,517.1,684.5,512.3,684.5z"/>
+		</g>
+		<g>
+			<path class="st0" d="M512.3,684.5c-4.8,0-9.5-1.9-13-5.4l-82.8-82.8c-7.2-7.2-7.2-18.8,0-26s18.8-7.2,26,0l51.4,51.4V472.8
+				c0-10.2,8.2-18.4,18.4-18.4c10.2,0,18.4,8.2,18.4,18.4v193.3c0,7.4-4.5,14.2-11.4,17C517,684,514.7,684.5,512.3,684.5z"/>
+		</g>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/edit.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="13px" height="13px">
+<style type="text/css">
+	.st0{fill:#fff;}
+</style>
+<g>
+	<path class="st0" d="M758.6,96C622.9,229,404.5,444.9,281.8,567.7l144,144C548.4,589,766.4,373.5,902.2,240.4c11.6-11.4,11.7-30.1,0.2-41.6
+		L799.8,96.3C788.5,84.9,770.1,84.8,758.6,96z"/>
+	<path class="st0" d="M145,848.5c29.4-76.4,57.3-154.3,86.7-230.7c47,47,95.5,94,142.5,142.5c-74.9,29.4-151.3,60.2-227.8,89.6
+		C145,850,145,850,145,848.5L145,848.5z"/>
+	<path class="st0" d="M145,848.5"/>
+	<line class="st0" x1="111.7" y1="974.5" x2="111.7" y2="75.8"/>
+</g>
+</svg>

public/images/educoder/icon/empiric.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="15px" height="15px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M764.5 63.9H258.2c-72.4 0-131.3 59.9-131.3 133.5v95.7c0 13.2 1.9 26.3 5.7 38.9 1.7 9.1 4.8 17.6 9.2 25.4l300.3 530.7c14.4 25.4 40.2 40.6 69.1 40.6 28.9 0 54.7-15.2 69.1-40.6l300.3-530.7c4.4-7.8 7.5-16.3 9.2-25.4 3.8-12.6 5.7-25.7 5.7-38.9v-95.7c0.2-73.6-58.7-133.5-131-133.5z m93.7 229.2c0 9.8-1.5 19.5-4.4 28.9l-0.6 2.4c-0.9 5.3-2.6 10.1-5.1 14.5L547.8 869.6c-7.7 13.5-21.3 21.6-36.5 21.6s-28.8-8.1-36.5-21.6L174.5 338.9c-2.5-4.4-4.2-9.2-5.1-14.5-0.1-0.8-0.3-1.6-0.6-2.4-2.9-9.4-4.4-19.1-4.4-28.9v-95.7c0-53 42.1-96 93.8-96h506.3c51.7 0 93.8 43.1 93.8 96v95.7zM661.8 347.1c-8.8-5.4-20.4-2.7-25.8 6.1L512.7 552.7 386.6 353c-5.5-8.8-17.1-11.4-25.9-5.8-8.8 5.5-11.4 17.1-5.8 25.9l142.2 225c3.4 5.4 9.4 8.7 15.8 8.7h0.1c6.5 0 12.5-3.4 15.9-8.9l139.1-225c5.4-8.8 2.6-20.4-6.2-25.8z" /></svg>

public/images/educoder/icon/ewm.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="97" y="98.2" width="828.2" height="829.5"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M224.2,353.4h127.4V226.1H224.2V353.4z M96.9,926.6h382.1V544.5H96.9V926.6z M160.5,608.2h254.7v254.7H160.5
+			V608.2z M224.2,799.2h127.4V671.8H224.2V799.2z M542.6,98.7v382.1h382.1V98.7H542.6z M861,417.1H606.3V162.4H861V417.1z
+			 M861,671.8H733.7V544.5h-191v382.1h63.7V671.8H670v63.7h254.7v-191H861V671.8z M96.9,480.8h382.1V98.7H96.9V480.8z M160.5,162.4
+			h254.7v254.7H160.5V162.4z M797.3,226.1H670v127.4h127.4V226.1z M861,926.6h63.7V799.2H861V926.6z M733.7,926.6h63.7V799.2h-63.7
+			V926.6z M733.7,926.6"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/feedback.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="26px" height="26px">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#fff;}
+</style>
+<g>
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="98" y="62.4" width="830" height="898.9"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M795.9,355.3v505c0,17-13.9,31-31,31h-573c-17,0-31-13.9-31-31V227.6c0-17,13.9-31,31-31h440.4
+			c19.9,0,35.9-16.1,35.9-35.9c0-18.3-14.7-33-33-33H199.1c-55.7,0-101.2,45.5-101.2,101.2v630c0,55.7,45.5,101.2,101.2,101.2h558.8
+			c55.7,0,101.2-45.5,101.2-101.2v-503c0-17.5-14.3-31.9-31.9-31.9C810,324,795.9,338,795.9,355.3L795.9,355.3z M795.9,355.3"/>
+		<path class="st0" d="M452.5,447.6H250.6c-14.2,0-25.8-11.7-25.8-25.8v-12.2c0-14.2,11.7-25.8,25.8-25.8h201.9
+			c14.2,0,25.8,11.7,25.8,25.8v12.2C478.5,436,466.8,447.6,452.5,447.6L452.5,447.6z M641.9,639.7H250.6
+			c-14.2,0-25.8-11.7-25.8-25.8v-12.2c0-14.2,11.7-25.8,25.8-25.8h391.3c14.2,0,25.8,11.7,25.8,25.8v12.2
+			C667.7,628.1,656.1,639.7,641.9,639.7L641.9,639.7z M919.6,115.6L596,441c-10.1,10.1-26.5,10.1-36.6,0.1l-8.7-8.7
+			c-10.1-10.1-10.1-26.5-0.1-36.6L874.3,70.4c10.1-10.1,26.5-10.1,36.6-0.1l8.7,8.7C929.7,89.1,929.7,105.5,919.6,115.6L919.6,115.6
+			z M919.6,115.6"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/hint.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M512,65.9c-247.1,0-447.3,200.3-447.3,447.3S264.9,960.6,512,960.6s447.3-200.3,447.3-447.3S759.1,65.9,512,65.9L512,65.9
+			z M512.7,826.4c-34.5,0-62.5-26.2-62.5-58.5c0-32.3,28-58.4,62.5-58.4c34.5,0,62.5,26.2,62.5,58.4
+			C575.2,800.2,547.2,826.4,512.7,826.4L512.7,826.4z M624.7,339.2l-49.6,276.4c0,0.3,0.1,0.6,0.1,0.9c0,32.3-28,58.5-62.5,58.5
+			c-34.5,0-62.5-26.2-62.5-58.5c0-0.3,0.1-0.6,0.1-0.9l-49.7-276.4h0.7c-0.4-3.8-0.7-7.6-0.7-11.5c0-58.1,50.2-105.2,112-105.2
+			c61.9,0,112,47.1,112,105.2c0,3.9-0.3,7.7-0.7,11.5H624.7z M624.7,339.2"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/hinterror.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M511.3,64.2c-246.2,0-447.6,201.4-447.6,447.6s201.4,447.6,447.6,447.6S958.9,758,958.9,511.8S757.5,64.2,511.3,64.2
+			L511.3,64.2z M809.7,586.4H212.9c-44.8,0-74.6-29.8-74.6-74.6c0-44.8,29.8-74.6,74.6-74.6h596.8c44.8,0,74.6,29.8,74.6,74.6
+			C884.3,556.6,854.5,586.4,809.7,586.4L809.7,586.4z M809.7,586.4"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/homework.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="18px">
+<g>
+	<path d="M885.1,268.1l-161.6-189c-3.3-3.8-8-6-13.1-6h-518c-15.2,0-29.6,5.9-40.4,16.7c-10.8,10.8-16.7,25.1-16.7,40.4v765.9
+		c0,31.5,25.6,57.1,57.1,57.1h639.6c31.5,0,57.1-25.6,57.1-57.1V279.3C889.2,275.2,887.7,271.3,885.1,268.1L885.1,268.1z M852,282.3
+		H704.4V109.7L852,282.3z M832.1,918.9H192.5c-12.5,0-22.7-10.2-22.7-22.7V130.3c0-6.1,2.4-11.8,6.7-16.1c4.3-4.3,10-6.7,16.1-6.7
+		H670v192c0,9.5,7.7,17.2,17.2,17.2h167.6v579.5C854.8,908.7,844.6,918.9,832.1,918.9L832.1,918.9z M832.1,918.9"/>
+	<path d="M726.5,389.2H279.9c-9.5,0-17.2,7.7-17.2,17.2c0,9.5,7.7,17.2,17.2,17.2h446.6c9.5,0,17.2-7.7,17.2-17.2
+		C743.7,396.9,736,389.2,726.5,389.2L726.5,389.2z M726.5,389.2"/>
+	<path d="M726.5,572.1H279.9c-9.5,0-17.2,7.7-17.2,17.2c0,9.5,7.7,17.2,17.2,17.2h446.6c9.5,0,17.2-7.7,17.2-17.2
+		C743.7,579.8,736,572.1,726.5,572.1L726.5,572.1z M726.5,572.1"/>
+	<path d="M726.5,754.9H279.9c-9.5,0-17.2,7.7-17.2,17.2c0,9.5,7.7,17.2,17.2,17.2h446.6c9.5,0,17.2-7.7,17.2-17.2
+		C743.7,762.6,736,754.9,726.5,754.9L726.5,754.9z M726.5,754.9"/>
+</g>
+</svg>

public/images/educoder/icon/issue.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<g>
+		<path d="M515.4,935c-111.7,0-216.8-43.5-295.8-122.5C140.5,733.4,97,628.4,97,516.6s43.5-216.8,122.5-295.8
+			c79-79,184.1-122.5,295.8-122.5c111.8,0,216.8,43.5,295.8,122.5l0,0l0,0c79,79,122.5,184.1,122.5,295.8s-43.5,216.8-122.5,295.8
+			C732.2,891.5,627.1,935,515.4,935z M515.4,142.9c-99.8,0-193.7,38.9-264.3,109.5c-70.6,70.6-109.5,164.5-109.5,264.3
+			s38.9,193.7,109.5,264.3c70.6,70.6,164.5,109.5,264.3,109.5c99.8,0,193.7-38.9,264.3-109.5c70.6-70.6,109.5-164.5,109.5-264.3
+			s-38.9-193.7-109.5-264.3l0,0C709.1,181.7,615.2,142.9,515.4,142.9z"/>
+	</g>
+	<g>
+		<path d="M510,718c2,2.4,4.4,3.6,6.7,3.6c4.2,0,8.1-1.8,11.9-5.4c10.9-8.9,23.8-24.8,38.6-48l12.5,7.1
+			c-36.1,62.6-74.5,94.1-114.9,94.1c-15.5,0-27.7-4.4-36.9-13.1c-9.1-8.7-13.7-19.8-13.7-33.1c0-8.9,2-20,6.1-33.7l49.7-170.8
+			c4.8-16.2,7.1-28.5,7.1-36.9c0-5.4-2.4-10.1-6.9-14.3c-4.6-4.2-10.7-6.1-18.4-6.1c-3.8,0-8.1,0.2-12.9,0.4l4.4-14.3L564.5,428
+			h21.2l-73.3,253.9c-3.8,14.5-5.7,24.2-5.7,28.9C506.8,713.4,508,715.6,510,718L510,718z M601,353.5
+			c-10.3,10.1-22.8,15.3-37.3,15.3c-14.3,0-26.4-5.2-36.7-15.3c-10.1-10.3-15.3-22.6-15.3-37.1s5-26.9,15.1-37.3
+			c10.1-10.3,22.4-15.5,36.9-15.5c14.9,0,27.4,5.2,37.5,15.5c10.1,10.3,15.3,22.8,15.3,37.3C616.6,330.9,611.3,343.2,601,353.5
+			L601,353.5z M601,353.5"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/lesson.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="15px" height="15px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M762.5 64.2h-498C198.8 64.2 145 118 145 183.7v657.5c0 65.7 53.8 119.5 119.5 119.5h498.1c65.7 0 119.5-53.8 119.5-119.5V183.8c0-65.8-53.8-119.6-119.6-119.6z m79.7 777c0 43.9-35.8 79.7-79.7 79.7h-498c-43.9 0-79.7-35.8-79.7-79.7V183.8c0-43.9 35.8-79.7 79.7-79.7h498.1c43.9 0 79.7 35.8 79.7 79.7v657.4zM702.8 303.3H324.2c-11 0-19.9 8.9-19.9 19.9 0 11 8.9 19.9 19.9 19.9h378.5c11 0 19.9-8.9 19.9-19.9 0.1-11-8.8-19.9-19.8-19.9zM623.1 492.6H324.2c-11 0-19.9 8.9-19.9 19.9 0 11 8.9 19.9 19.9 19.9h298.9c11 0 19.9-8.9 19.9-19.9 0-11-8.9-19.9-19.9-19.9zM503.5 681.9H324.2c-11 0-19.9 8.9-19.9 19.9s8.9 19.9 19.9 19.9h179.3c11 0 19.9-8.9 19.9-19.9s-8.9-19.9-19.9-19.9z" /></svg>

public/images/educoder/icon/lockclose.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="60px" height="80px">
+<g>
+	<path fill="#fff" d="M749.4,373.9H710v-78.8c0-108.7-88.2-197-197-197c-108.7,0-197,88.2-197,197v78.8h-39.4c-43.5,0-78.8,35.3-78.8,78.8v393.9
+		c0,43.5,35.3,78.8,78.8,78.8h472.7c43.5,0,78.8-35.3,78.8-78.8V452.7C828.2,409.2,792.9,373.9,749.4,373.9L749.4,373.9z M513,728.5
+		c-43.5,0-78.8-35.3-78.8-78.8c0-43.5,35.3-78.8,78.8-78.8c43.5,0,78.8,35.3,78.8,78.8C591.8,693.2,556.5,728.5,513,728.5L513,728.5
+		z M635.1,373.9H390.9v-78.8c0-67.4,54.8-122.1,122.1-122.1c67.4,0,122.1,54.8,122.1,122.1V373.9z M635.1,373.9"/>
+</g>
+</svg>

public/images/educoder/icon/lockopen.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<line x1="28.5" y1="456" x2="28.5" y2="454.5"/>
+	<path d="M577.1,377.6"/>
+	<path d="M463.4,376.1v-74.5c0-63.2-46.7-118.8-109.7-124.8c-59.1-5.6-110.5,31.3-127.3,83.7c-5.1,15.8-19.2,27-35.9,26.8l-1,0
+		c-24.1-0.4-41.8-23.6-34.8-46.6c24.4-80.5,99.2-139.1,187.6-138.9C450,102,537.9,195.1,537.9,302.6v73.5h39.2"/>
+	<path d="M881,377.6H410.8c-43.3,0-78.4,35.1-78.4,78.4v390.3c0,43.3,35.1,78.4,78.4,78.4H881c43.3,0,78.4-35.1,78.4-78.4V456
+		C959.3,412.7,924.2,377.6,881,377.6z M724.2,651.9c0,43.3-35.1,78.4-78.4,78.4c-43.3,0-78.4-35.1-78.4-78.4c0-0.3,0-0.5,0-0.8
+		c0-0.3,0-0.5,0-0.8c0-43.3,35.1-78.4,78.4-78.4c43.3,0,78.4,35.1,78.4,78.4c0,0.3,0,0.5,0,0.8C724.2,651.4,724.2,651.7,724.2,651.9
+		z"/>
+</g>
+</svg>

public/images/educoder/icon/look.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="15px" height="15px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M513 201.6c-247.1 0-448.1 139.2-448.1 310.2S265.9 822 513 822s448.1-139.2 448.1-310.2-201-310.2-448.1-310.2z m0 585.9c-228.1 0-413.6-123.7-413.6-275.7S284.9 236.1 513 236.1s413.6 123.7 413.6 275.7S741.1 787.5 513 787.5zM513 356.7c-85.5 0-155.1 69.6-155.1 155.1S427.5 666.9 513 666.9s155.1-69.6 155.1-155.1S598.5 356.7 513 356.7z m0 275.7c-66.5 0-120.6-54.1-120.6-120.6S446.5 391.2 513 391.2s120.6 54.1 120.6 120.6S579.5 632.4 513 632.4z" /></svg>

public/images/educoder/icon/member.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;}
+</style>
+<g>
+	<path class="st0" d="M147.8,460.4"/>
+</g>
+<g>
+	<rect x="80" y="103.1" class="st1" width="866.3" height="817.2"/>
+</g>
+<g>
+	<path d="M375.2,529.5v-0.1c0-11.8-9.5-21.3-21.5-21.3c-77.7,0-140.9-67.5-140.9-150.4c0-83,63.1-150.4,140.9-150.4
+		c11.8,0,21.5-9.5,21.5-21.3c0-11.8-9.5-21.5-21.5-21.5c-101.3,0-183.7,86.7-183.7,193.2c0,70.9,36.5,132.9,90.8,166.6
+		C145.3,565,62,680.4,62,815.8c0,11.8,9.5,21.3,21.3,21.3c11.8,0,21.3-9.5,21.3-21.3c0-146.1,111.7-265,248.9-265
+		C365.5,550.8,375.2,541.3,375.2,529.5z"/>
+	<path d="M867.5,642.3c-1.8-2-48.2-50.9-104.1-76c-23.4-10.5-44.9-17.8-63.1-22.9c74.1-36.6,125.4-112.8,125.4-200.9
+		c0-123.5-100.6-224.1-224.2-224.1c-123.7,0-224.2,100.6-224.2,224.1c0,85.4,48.1,159.8,118.5,197.6
+		c-146.7,45.2-253.6,182-253.6,343.5c0,11.8,9.5,21.3,21.5,21.3c11.8,0,21.3-9.5,21.3-21.3c0-174.5,142-316.5,315-316.6
+		c2.3,0.3,4.5,0.1,6.7-0.4c2.8-0.1,5.5-0.4,8.3-0.6c1,0,1.8,0.1,2.8,0.1c31.6,0.8,91.6,19.6,127.7,36c55.1,25.1,92.3,70.9,94.3,73.2
+		c50.6,57.8,78.2,130.9,78.2,208.3c0,11.8,9.5,21.3,21.3,21.3c11.8,0,21.3-9.5,21.3-21.3C960.7,793.6,927.8,708.5,867.5,642.3z
+		 M647.3,530.7L647.3,530.7L647.3,530.7L647.3,530.7z M420.1,342.6c0-100.1,81.4-181.4,181.4-181.4c100,0,181.4,81.3,181.4,181.4
+		c0,100.1-81.4,181.4-181.4,181.4C501.6,524,420.1,442.6,420.1,342.6z"/>
+</g>
+</svg>

public/images/educoder/icon/message.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path d="M104.3,898.8c-5.6,0-11.1-2.3-15-6.5c-5-5.4-6.7-13-4.5-20l50.3-160.8C87.4,650.1,62.3,579,62.3,505.2
+		c0-208.2,201.4-377.6,449-377.6s449,169.4,449,377.6s-201.4,377.6-449,377.6c-65.5,0-128.6-11.6-187.6-34.4l-214.8,49.9
+		C107.4,898.6,105.9,898.8,104.3,898.8z M511.3,168.5c-225.1,0-408.2,151.1-408.2,336.8c0,67.7,24.4,133.1,70.5,189
+		c4.4,5.3,5.8,12.5,3.7,19.1l-42.9,137.2l186.3-43.3c4.1-0.9,8.3-0.6,12.2,0.9c55.8,22.5,115.9,33.8,178.4,33.8
+		c225.1,0,408.2-151.1,408.2-336.8S736.4,168.5,511.3,168.5z"/>
+</g>
+<g>
+	<g>
+		<circle cx="339.1" cy="513.2" r="32.4"/>
+	</g>
+	<g>
+		<circle cx="511.3" cy="513.2" r="32.4"/>
+	</g>
+	<g>
+		<circle cx="683.6" cy="513.2" r="32.4"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/movedown.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="10px" height="14px">
+<path fill="#fff" d="M859.7,533.8c-17.6-17.6-46.2-17.6-63.8,0L556.1,773.5V143.3c0-24.9-20.2-45.1-45.1-45.1s-45.1,20.2-45.1,45.1v630.2
+	L226.1,533.8c-17.6-17.6-46.2-17.6-63.8,0c-17.6,17.6-17.6,46.2,0,63.8l316.8,316.8c0,0,0.1,0.1,0.1,0.1c0.3,0.3,0.7,0.6,1,1
+	c0.1,0.1,0.2,0.2,0.3,0.3c0.3,0.3,0.6,0.5,0.9,0.8c0.1,0.1,0.3,0.2,0.4,0.4c0.3,0.2,0.5,0.4,0.8,0.7c0.2,0.1,0.4,0.3,0.6,0.4
+	c0.2,0.2,0.5,0.4,0.7,0.5c0.2,0.2,0.5,0.3,0.7,0.5c0.2,0.1,0.4,0.3,0.6,0.4c0.3,0.2,0.6,0.4,0.8,0.6c0.2,0.1,0.3,0.2,0.5,0.3
+	c0.3,0.2,0.6,0.4,1,0.6c0.1,0.1,0.3,0.2,0.4,0.2c0.4,0.2,0.7,0.4,1.1,0.6c0.1,0.1,0.2,0.1,0.3,0.2c0.4,0.2,0.8,0.4,1.2,0.6
+	c0.1,0,0.2,0.1,0.3,0.1c0.4,0.2,0.9,0.4,1.3,0.6c0.1,0,0.1,0.1,0.2,0.1c0.4,0.2,0.9,0.4,1.4,0.6c0,0,0.1,0,0.1,0.1c0,0,0.1,0,0.1,0
+	c0.5,0.2,0.9,0.4,1.4,0.6c0.1,0,0.1,0,0.2,0.1c0.5,0.2,0.9,0.3,1.4,0.5c0.1,0,0.1,0,0.2,0.1c0.5,0.1,0.9,0.3,1.4,0.4
+	c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.9,0.2,1.3,0.3c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.8,0.2,1.2,0.3c0.1,0,0.3,0.1,0.4,0.1
+	c0.4,0.1,0.7,0.1,1.1,0.2c0.2,0,0.4,0.1,0.5,0.1c0.3,0.1,0.7,0.1,1,0.2c0.2,0,0.4,0.1,0.6,0.1c0.3,0,0.6,0.1,0.9,0.1
+	c0.2,0,0.5,0.1,0.7,0.1c0.3,0,0.6,0,0.9,0.1c0.3,0,0.5,0,0.8,0.1c0.3,0,0.6,0,0.8,0c0.3,0,0.5,0,0.8,0c0.3,0,0.5,0,0.8,0
+	c0.3,0,0.5,0,0.8,0c0.3,0,0.6,0,0.8,0c0.3,0,0.5,0,0.8,0c0.3,0,0.6,0,0.8-0.1c0.3,0,0.5,0,0.8-0.1c0.3,0,0.6-0.1,0.9-0.1
+	c0.3,0,0.5-0.1,0.8-0.1c0.3,0,0.6-0.1,0.9-0.1c0.3,0,0.5-0.1,0.8-0.1c0.3,0,0.6-0.1,0.9-0.2c0.2,0,0.5-0.1,0.7-0.1
+	c0.3-0.1,0.6-0.1,0.9-0.2c0.2-0.1,0.5-0.1,0.7-0.2c0.3-0.1,0.6-0.2,0.9-0.2c0.2-0.1,0.5-0.1,0.7-0.2c0.3-0.1,0.6-0.2,0.9-0.3
+	c0.2-0.1,0.4-0.1,0.7-0.2c0.3-0.1,0.6-0.2,1-0.3c0.2-0.1,0.4-0.1,0.6-0.2c0.4-0.1,0.7-0.3,1-0.4c0.2-0.1,0.3-0.1,0.5-0.2
+	c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.5-0.2,0.7-0.3c0.1-0.1,0.2-0.1,0.4-0.2c0.4-0.2,0.8-0.4,1.2-0.5c0.1,0,0.2-0.1,0.3-0.1
+	c0.4-0.2,0.8-0.4,1.2-0.6c0.1,0,0.1-0.1,0.2-0.1c0.4-0.2,0.9-0.5,1.3-0.7c0,0,0.1-0.1,0.1-0.1c0.4-0.3,0.9-0.5,1.3-0.8
+	c0,0,0,0,0.1,0c0.5-0.3,0.9-0.6,1.3-0.9c0,0,0,0,0,0c1.4-0.9,2.7-2,4-3c0,0,0,0,0,0c0.4-0.4,0.8-0.7,1.2-1.1c0,0,0.1-0.1,0.1-0.1
+	c0.4-0.3,0.7-0.7,1.1-1c0,0,0.1-0.1,0.1-0.1l316.8-316.8C877.3,580,877.3,551.4,859.7,533.8z"/>
+</svg>

public/images/educoder/icon/moveup.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="10px" height="14px">
+<g>
+	<g>
+		<path fill="#fff" d="M511,927.6c-24.9,0-45.1-20.2-45.1-45.1V143.3c0-18.2,11-34.7,27.9-41.7c16.9-7,36.3-3.1,49.2,9.8l316.8,316.8
+			c17.6,17.6,17.6,46.2,0,63.8c-17.6,17.6-46.2,17.6-63.8,0L556.1,252.3v630.2C556.1,907.4,535.9,927.6,511,927.6z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M511,927.6c-24.9,0-45.1-20.2-45.1-45.1V252.3L226.1,492c-17.6,17.6-46.2,17.6-63.8,0c-17.6-17.6-17.6-46.2,0-63.8
+			l316.8-316.8c12.9-12.9,32.3-16.8,49.2-9.8c16.9,7,27.9,23.4,27.9,41.7v739.2C556.1,907.4,535.9,927.6,511,927.6z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/narrow.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path d="M714.9,537.8h-409c-13.2,0-24-10.7-24-24c0-13.2,10.7-24,24-24h409c13.2,0,24,10.7,24,24
+		C738.9,527,728.1,537.8,714.9,537.8z"/>
+</g>
+<g>
+	<path d="M510.4,963.4c-247.9,0-449.6-201.7-449.6-449.6S262.5,64.2,510.4,64.2C758.3,64.2,960,265.9,960,513.8
+		S758.3,963.4,510.4,963.4z M510.4,112.2c-221.5,0-401.6,180.2-401.6,401.6S289,915.4,510.4,915.4S912,735.2,912,513.8
+		S731.9,112.2,510.4,112.2z"/>
+</g>
+</svg>

public/images/educoder/icon/notice.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;}
+</style>
+<g>
+	<path class="st0" d="M147.8,460.4"/>
+</g>
+<g>
+	<rect x="80" y="103.1" class="st1" width="866.3" height="817.2"/>
+</g>
+<g>
+	<g>
+		<path d="M895.1,471.1H734.7c-18.2,0-32.9,14.8-32.9,33.1v10.3c0,18.3,14.7,33.1,32.9,33.1h160.3c18.2,0,32.9-14.8,32.9-33.1v-10.3
+			C928,485.9,913.3,471.1,895.1,471.1L895.1,471.1z M523,187.4c-49.9,39.7-154.2,95.2-229.3,148.7l-0.1,0.1c-0.9,0.5-1.7,3.5-2.6,4
+			c-8.9,5-12.9,18.8-61.1,18.8h-94.1c-24.1,0-39.1,11.3-39.1,36.8v226.6c0,25.5,13.7,38.1,39.1,38.1h94.5
+			c48,0.1,51.9,13.8,60.7,18.8c0.9,0.5,1.7,3.5,2.6,4l0.1,0.1c72.7,53.4,177.8,113.4,229.3,151.4c15.5,11.5,67.1,31.6,67.1-39.2
+			V223.6C590.2,152.7,538.2,175.4,523,187.4L523,187.4z M671.1,343.6c8.5,15,25.4,18.8,37.7,8.4l131.8-111.1
+			c12.3-10.4,15.4-30.9,6.9-46l-4.8-8.5c-8.5-15-25.4-18.8-37.7-8.4L673.2,289.1c-12.3,10.4-15.4,31-6.9,46L671.1,343.6z
+			 M708.8,667.1c-12.3-10.4-29.2-6.6-37.7,8.4l-4.8,8.5c-8.5,15-5.4,35.6,6.9,46L805,841.1c12.3,10.4,29.2,6.6,37.7-8.4l4.8-8.5
+			c8.5-15,5.4-35.6-6.9-46L708.8,667.1z M708.8,667.1"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/opencode.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+</style>
+<g>
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M131,98.2h794.7v796c0,19.5-15.8,35.4-35.4,35.4H95.6v-796C95.6,114.1,111.4,98.2,131,98.2z"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st0" d="M212.9,168l158.1,0c19.4,0,35.7-15.7,35.4-35.2c-0.3-20.4-14-34-34.6-34H130.8c-9.4,0-18.4,3.7-25,10.4l0,0
+			c-6.6,6.6-10.4,15.6-10.4,25l0,240.2c0,19.4,15.7,35.7,35.2,35.4c20.4-0.3,34-14,34-34.6v-159l234.2,234.2
+			c13.3,13.3,35.1,14.4,48.7,1.4c14.4-13.8,14.6-34.9,0.6-48.9L212.9,168z M212.9,168"/>
+	</g>
+	<path d="M890.3,617.3c-20.7,0-34.6,13.8-34.6,34.6v159L621.6,576.6c-13.3-13.3-35.1-14.4-48.7-1.4c-14.4,13.8-14.6,34.9-0.6,48.9
+		l235,235l-158.1,0c-19.4,0-35.7,15.7-35.4,35.2c0.3,20.4,14,34,34.6,34h241.1c9.4,0,18.4-3.7,25-10.4l0,0
+		c6.6-6.6,10.4-15.6,10.4-25V651.8C924.9,631.1,911,617.3,890.3,617.3L890.3,617.3z M890.3,617.3"/>
+</g>
+</svg>

public/images/educoder/icon/recover.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<circle cx="319" cy="437.4" r="36.4"/>
+	<circle cx="512.3" cy="437.4" r="36.4"/>
+	<circle cx="705.6" cy="437.4" r="36.4"/>
+	<path d="M867.4,111H157.2c-50.5,0-91.6,41.1-91.6,91.6v469.6c0,50.5,41.1,91.6,91.6,91.6h93.2l36.1,134.6
+		c2.1,7.9,8.3,14.1,16.2,16.2c2,0.5,3.9,0.8,5.9,0.8c6,0,11.8-2.4,16.2-6.7l144.9-144.9h397.7c50.5,0,91.6-41.1,91.6-91.6V202.6
+		C959,152.1,917.9,111,867.4,111z M913.2,672.2c0,25.3-20.5,45.8-45.8,45.8H460.2c-6.1,0-11.9,2.4-16.2,6.7L320.5,848.3L290.1,735
+		c-2.7-10-11.8-17-22.1-17H157.2c-25.3,0-45.8-20.5-45.8-45.8V202.6c0-25.3,20.5-45.8,45.8-45.8h710.2c25.3,0,45.8,20.5,45.8,45.8
+		V672.2z"/>
+</g>
+</svg>

public/images/educoder/icon/reset.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path d="M882.2,527.3c0-78.3-23.6-151-63.9-210.9c-0.6-1-1-2.1-1.5-3c-5.2-7.4-10.6-14.2-16-21.2c-0.6-0.8-1.3-1.7-1.8-2.6
+		c-37-45.8-83.4-81.4-135.7-104.7c-1.6-0.6-2.9-1.4-4.4-2c-8.4-3.6-17-6.6-25.7-9.7c-3-1-6.1-2.2-9.2-3.2
+		c-7.6-2.4-15.1-4.2-22.8-6.1c-4.2-1-8.6-2.1-12.8-3c-2.1-0.4-4.1-1-6.2-1.5c-5.7-1-11.4-1.5-17.2-2.3c-4.1-0.5-7.9-1.1-11.9-1.5
+		c-9.7-1-19.3-1.4-28.8-1.5c-1.8,0-3.5-0.3-5.2-0.3c-0.3,0-0.6,0.1-0.9,0.1c-73.7,0.1-145.7,22.9-207.4,67.5
+		c-19.6,14.1-24.5,42.1-10.7,62.4c13.7,20.1,41,25.2,60.7,10.9c47.6-34.3,103.3-51.6,160.3-51.2c8.2,0.1,16.4,0.5,24.3,1.3
+		c2.5,0.2,4.8,0.6,7.3,1c6.5,0.8,13,1.7,19.6,3.2c2.8,0.5,5.6,1.3,8.3,1.9c6.4,1.5,12.5,3,18.7,4.9c2.1,0.6,3.9,1.3,5.7,2.1
+		c7.1,2.4,14,4.8,20.7,7.8c0.8,0.2,1.4,0.8,2.1,1c40.7,18,76.3,45.5,104.2,80.2c0.1,0.1,0.2,0.4,0.4,0.6
+		c39.1,49,62.7,111.6,62.7,179.7h-72.8l116.4,179.2l116.1-179.2H882.2z"/>
+	<path d="M665.5,731.4c-48,34.6-104.3,51.8-161.8,51.2c-7.6-0.1-15.1-0.7-22.6-1.3c-3.1-0.3-6-0.8-9.1-1.3
+		c-5.9-0.8-11.8-1.5-17.5-2.8c-3.6-0.6-7.1-1.7-10.5-2.5c-5.6-1.3-11.3-2.6-16.7-4.2c-2.6-1-5-1.9-7.7-3c-6.4-2.1-12.7-4.3-18.8-6.9
+		c-1.4-0.6-2.8-1.2-4-1.7c-7.1-3.4-14.2-6.8-21-10.5c-0.3-0.2-0.6-0.3-0.9-0.5c-23.2-13.1-44.3-29.2-62.9-48.4
+		c-0.3-0.3-0.6-0.7-0.9-1c-5.7-5.9-11.3-12.1-16.5-18.7c-1.1-1.4-2.1-2.7-3.3-4.2C253.7,627.2,231,565.8,231,499.1h72.7L187.4,319.9
+		L71.1,499h72.6c0,78.4,23.9,151.2,64.4,211.5c0.5,0.9,0.8,1.9,1.4,2.6c4.2,6.2,8.9,11.9,13.3,17.6c1.8,2.1,3.3,4.2,5,6.6
+		c6.5,8.1,13.7,15.9,20.8,23.5c0.8,0.8,1.4,1.4,2,2.1c24.4,25.1,51.7,46,81.7,63c0.8,0.5,1.5,0.8,2.4,1.4
+		c8.6,4.7,17.5,9.2,26.4,13.1c2.3,1,4.4,2.1,6.6,3c7.7,3.4,15.6,6.1,23.5,9c3.8,1.4,7.4,2.6,11.3,3.9c6.9,2.1,14,3.9,21.2,5.5
+		c4.7,1.2,9.4,2.4,14.2,3.4c2,0.5,3.8,1.2,5.8,1.4c6.8,1.3,13.5,1.9,20.2,2.8c2.5,0.5,4.9,0.9,7.3,1.2c12.1,1.2,24.2,2,36.3,2
+		c73.8,0,145.9-23.2,207.7-67.6c19.7-14.2,24.5-42.2,10.8-62.3C712.3,721.9,685.2,717.1,665.5,731.4z"/>
+</g>
+</svg>

public/images/educoder/icon/returnc.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M909.3,868.7c0,0-8.1,20.8-18.9,0c0,0-120.6-361.5-414.6-270.5v112.2c0,0-4.7,65.9-62.7,23L124,485.6
+			c0,0-61.3-33.2,3.7-78.4l292.2-249.3c0,0,44-31.1,54.5,19.9l0.4,121.1C474.8,298.9,1022.8,325,909.3,868.7L909.3,868.7z
+			 M909.3,868.7"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/revolve.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<path d="M867.9,777.2c-9.3-7.5-22.9-6-30.4,3.3c-77,95.9-196,146-318.1,133.9C320.9,894.7,175.3,717.1,195,518.5
+	c9.5-96.2,56-182.9,130.7-244.2c67.3-55.2,150.4-83.7,236.4-81.9L503,239c-9.4,7.4-11,21-3.6,30.3c4.3,5.4,10.6,8.3,17,8.3
+	c4.7,0,9.4-1.5,13.3-4.6L638,187.9c5.2-4.1,8.3-10.4,8.3-17s-3-12.9-8.3-17L529.8,68.8c-9.4-7.4-23-5.7-30.3,3.6
+	c-7.4,9.4-5.8,23,3.6,30.3l59.1,46.5c-96.1-1.8-188.7,30.1-263.8,91.7C214.7,309.5,162.7,406.6,152,514.3
+	C141.3,622,173.2,727.4,241.8,811c68.6,83.7,165.7,135.7,273.4,146.3c13.5,1.3,26.9,2,40.3,2c122.2,0,238-55.1,315.7-151.8
+	C878.7,798.2,877.2,784.6,867.9,777.2z"/>
+</svg>

public/images/educoder/icon/ring-del.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M379.6,668.7c-5.7,0-11.3-2.2-15.6-6.5c-8.6-8.6-8.6-22.6,0-31.3l266.7-266.7c8.6-8.6,22.6-8.6,31.3,0
+			c8.6,8.6,8.6,22.6,0,31.3L395.3,662.2C390.9,666.5,385.3,668.7,379.6,668.7z"/>
+	</g>
+	<g>
+		<path d="M646.4,668.7c-5.7,0-11.3-2.2-15.6-6.5L364,395.5c-8.6-8.6-8.6-22.6,0-31.3c8.6-8.6,22.6-8.6,31.3,0L662,630.9
+			c8.6,8.6,8.6,22.6,0,31.3C657.7,666.5,652,668.7,646.4,668.7z"/>
+	</g>
+</g>
+<g>
+	<path d="M513,927.7c-106.2,0-212.4-40.4-293.2-121.3C58.1,644.8,58.1,381.7,219.8,220c161.7-161.7,424.7-161.7,586.4,0l0,0
+		c161.7,161.7,161.7,424.8,0,586.4C725.4,887.3,619.2,927.7,513,927.7z M513,143c-94.9,0-189.7,36.1-261.9,108.3
+		c-144.4,144.4-144.4,379.4,0,523.9c144.5,144.4,379.5,144.4,523.9,0c144.4-144.4,144.4-379.4,0-523.9
+		C702.7,179.1,607.9,143,513,143z"/>
+</g>
+</svg>

public/images/educoder/icon/ringmovedown.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="8px" height="14px">
+<g>
+	<g>
+		<g>
+			<path fill="#fff" d="M513.3,312c-12.2,0-22.1,9.9-22.1,22.1v362.4c0,8.9,5.4,17,13.7,20.4c8.3,3.4,17.8,1.5,24.1-4.8l155.3-155.3
+				c8.6-8.6,8.6-22.6,0-31.3c-8.6-8.6-22.6-8.6-31.3,0L535.5,643V334.1C535.5,321.9,525.5,312,513.3,312z"/>
+		</g>
+		<g>
+			<path fill="#fff" d="M513.3,312c-12.2,0-22.1,9.9-22.1,22.1V643L373.7,525.5c-8.6-8.6-22.6-8.6-31.3,0c-8.6,8.6-8.6,22.6,0,31.3l155.3,155.3
+				c6.3,6.3,15.8,8.2,24.1,4.8c8.3-3.4,13.7-11.5,13.7-20.4V334.1C535.5,321.9,525.5,312,513.3,312z"/>
+		</g>
+	</g>
+	<g>
+		<path fill="#fff" d="M806.7,221.9c161.7,161.7,161.7,424.9,0,586.7l0,0c-161.8,161.7-424.9,161.7-586.7,0C58.2,646.9,58.2,383.7,220,221.9
+			c80.9-80.9,187.1-121.3,293.3-121.3C619.6,100.6,725.8,141.1,806.7,221.9z M775.4,777.3c144.5-144.5,144.5-379.6,0-524.1
+			c-144.5-144.5-379.6-144.5-524.1,0c-144.5,144.5-144.5,379.6,0,524.1c72.2,72.2,167.2,108.4,262.1,108.4
+			C608.2,885.7,703.1,849.6,775.4,777.3z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/ringmoveup.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="14px" height="14px">
+<g>
+	<g>
+		<path fill="#fff" d="M513.3,718.6c-12.2,0-22.1-9.9-22.1-22.1V334.1c0-8.9,5.4-17,13.7-20.4c8.3-3.4,17.8-1.5,24.1,4.8l155.3,155.3
+			c8.6,8.6,8.6,22.6,0,31.3c-8.6,8.6-22.6,8.6-31.3,0L535.5,387.5v308.9C535.5,708.7,525.5,718.6,513.3,718.6z"/>
+	</g>
+	<g>
+		<path fill="#fff" d="M513.3,718.6c-12.2,0-22.1-9.9-22.1-22.1V387.5L373.7,505c-8.6,8.6-22.6,8.6-31.3,0c-8.6-8.6-8.6-22.6,0-31.3l155.3-155.3
+			c6.3-6.3,15.8-8.2,24.1-4.8c8.3,3.4,13.7,11.5,13.7,20.4v362.4C535.5,708.7,525.5,718.6,513.3,718.6z"/>
+	</g>
+</g>
+<g>
+	<path fill="#fff" d="M513.3,929.9c-106.2,0-212.5-40.4-293.3-121.3c-161.7-161.7-161.7-425,0-586.7c161.8-161.7,424.9-161.7,586.7,0l0,0
+		c161.7,161.7,161.7,425,0,586.7C725.8,889.5,619.6,929.9,513.3,929.9z M513.3,144.8c-94.9,0-189.8,36.1-262.1,108.4
+		c-144.5,144.5-144.5,379.6,0,524.1c144.5,144.5,379.6,144.5,524.1,0c144.5-144.5,144.5-379.6,0-524.1
+		C703.1,181,608.2,144.8,513.3,144.8z"/>
+</g>
+</svg>

public/images/educoder/icon/search.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="20px" height="20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M463.9 804.4c-194.7 0-353.1-158.4-353.1-353.1S269.2 98.2 463.9 98.2 817 256.6 817 451.3 658.6 804.4 463.9 804.4z m0-651.9c-164.8 0-298.8 134-298.8 298.8s134 298.8 298.8 298.8 298.8-134 298.8-298.8-134-298.8-298.8-298.8zM884.9 926.6c-7.2 0-14.4-2.9-19.8-8.6l-198-210.6c-10.3-10.9-9.7-28.1 1.2-38.4 10.9-10.3 28.1-9.8 38.4 1.2l198 210.6c10.3 10.9 9.7 28.1-1.2 38.4-5.2 5-11.9 7.4-18.6 7.4z" /></svg>

public/images/educoder/icon/send.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="20px" height="21px">
+<g>
+	<g>
+		<path fill="#4C4C4C" d="M761.8,928.3h-499c-75.5,0-137-61.4-137-137V235.1c0-75.5,61.4-137,137-137h352.9c14.1,0,25.4,11.4,25.4,25.4
+			S629.7,149,615.7,149H262.8c-47.5,0-86.1,38.6-86.1,86.1v556.2c0,47.5,38.6,86.1,86.1,86.1h499c47.5,0,86.1-38.6,86.1-86.1V378.5
+			c0-14.1,11.4-25.4,25.4-25.4c14.1,0,25.4,11.4,25.4,25.4v412.9C898.7,866.9,837.3,928.3,761.8,928.3z"/>
+	</g>
+	<g>
+		<path fill="#4C4C4C" d="M519.3,538.7c-5.8,0-11.7-2-16.5-6.1c-10.7-9.1-12-25.2-2.9-35.9l331.8-389.6c9.1-10.7,25.2-12,35.9-2.9
+			c10.7,9.1,12,25.2,2.9,35.9L538.6,529.7C533.6,535.6,526.5,538.7,519.3,538.7z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/sendimg.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<g>
+	<path d="M858.9,98.2H167.1c-38,0-69.2,31.1-69.2,69.2v691.8c0,38.1,31.1,69.2,69.2,69.2h691.8c38,0,69.2-31.1,69.2-69.2V167.3
+		C928.1,129.3,896.9,98.2,858.9,98.2L858.9,98.2z M669.5,270.8c47.8,0,86.4,38.7,86.4,86.5c0,47.8-38.6,86.5-86.4,86.5
+		c-47.8,0-86.5-38.7-86.5-86.5C583.1,309.5,621.7,270.8,669.5,270.8L669.5,270.8z M737.8,755.4H288.2c-38,0-59.8-29.7-48.2-65.9
+		l87.9-277.3c11.5-36.3,39.4-40.9,62-10.3L535.3,599c22.6,30.6,60.3,31.1,83.7,1.1l44.5-56.8c23.4-30,53.6-25.4,67.1,10.1
+		l51.9,137.2C796,726.3,775.9,755.4,737.8,755.4L737.8,755.4z M737.8,755.4"/>
+</g>
+</svg>

public/images/educoder/icon/source.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<g>
+		<path d="M508.5,583.3c-12.6,0-24.5-3.9-34.5-11.3L100.7,369.2c-3.8-2-7.2-4.6-10.2-7.6c-11-11-17-25.7-16.9-41.3
+			c0.1-15.6,6.2-30.3,17.3-41.3c3.3-3.3,7.2-6.1,11.4-8.3L482.5,79.2c10.1-7.3,22-11.2,34.5-11.2c12,0,23.4,3.6,33.2,10.4
+			l372.9,177.2c4.6,2.2,8.7,5.1,12.3,8.7c11.1,11,17.2,26.4,16.9,42.1c-0.3,15.3-6.4,29.7-17.3,40.6c-2.8,2.8-6,5.2-9.4,7.2
+			L544.2,571.2C533.9,579.2,521.5,583.3,508.5,583.3z M517,98.4c-6.3,0-12.2,2-17.2,5.8c-0.8,0.6-1.6,1.1-2.4,1.5L116,297.9
+			c-1.3,0.7-2.5,1.5-3.6,2.6c-5.3,5.3-8.3,12.4-8.4,19.9c0,7.4,2.8,14.4,8,19.6c0.9,0.9,2,1.8,3.2,2.4l374.3,203.3
+			c0.7,0.4,1.4,0.9,2.1,1.4c4.8,3.7,10.6,5.7,16.8,5.7c6.5,0,12.6-2.1,17.7-6.2c0.6-0.5,1.3-1,2-1.4l382.5-217.7
+			c1.1-0.6,2.1-1.4,3-2.3c5.3-5.3,8.2-12.2,8.4-19.6c0.1-7.5-2.8-14.7-8-20c-1.1-1.1-2.4-2-3.9-2.7L535.9,105.3
+			c-0.9-0.4-1.7-0.9-2.5-1.5C528.7,100.3,523,98.4,517,98.4z"/>
+	</g>
+	<g>
+		<path d="M505.9,708.2C505.9,708.2,505.9,708.2,505.9,708.2c-12.4,0-24.6-4-34.5-11.3L98.2,494.1c-10.4-5.7-18-15-21.4-26.4
+			c-3.4-11.4-2.1-23.4,3.6-33.8c4-7.4,13.3-10.1,20.7-6.1c7.4,4,10.1,13.3,6.1,20.7c-1.8,3.3-2.2,7-1.1,10.6
+			c1.1,3.6,3.4,6.5,6.7,8.3L487,670.7c0.7,0.4,1.4,0.8,2.1,1.3c4.8,3.7,10.6,5.7,16.8,5.7c0,0,0,0,0,0c6.4,0,12.7-2.2,17.7-6.2
+			c0.6-0.5,1.3-0.9,2-1.3l382.5-217.7c3.2-1.8,5.5-4.8,6.5-8.4c1-3.6,0.5-7.3-1.3-10.6c-4.2-7.3-1.6-16.6,5.7-20.8
+			c7.3-4.2,16.6-1.6,20.8,5.7c5.9,10.3,7.4,22.3,4.2,33.7c-3.1,11.4-10.5,21-20.8,26.8L541.6,696.1
+			C531.4,703.9,518.8,708.2,505.9,708.2z"/>
+	</g>
+	<g>
+		<path d="M505.9,833.4C505.9,833.4,505.9,833.4,505.9,833.4c-12.4,0-24.6-4-34.5-11.3L98.2,619.3c-10.4-5.7-18-15-21.4-26.4
+			c-3.4-11.4-2.1-23.4,3.6-33.8c4-7.4,13.3-10.1,20.7-6.1c7.4,4,10.1,13.3,6.1,20.7c-1.8,3.3-2.2,7-1.1,10.6
+			c1.1,3.6,3.4,6.5,6.7,8.3L487,795.8c0.7,0.4,1.4,0.8,2.1,1.3c4.8,3.7,10.6,5.7,16.8,5.7c0,0,0,0,0,0c6.4,0,12.7-2.2,17.7-6.2
+			c0.6-0.5,1.3-0.9,2-1.3l382.5-217.7c6.7-3.8,9-12.3,5.2-19c-4.2-7.3-1.6-16.6,5.7-20.8c7.3-4.2,16.6-1.6,20.8,5.7
+			c12.1,21.3,4.7,48.4-16.6,60.5L541.6,821.3C531.4,829.1,518.8,833.4,505.9,833.4z"/>
+	</g>
+	<g>
+		<path d="M506,958.5C505.9,958.5,505.9,958.5,506,958.5c-12.4,0-24.6-4-34.5-11.3L98.2,744.4c-21.5-11.7-29.5-38.7-17.8-60.2
+			c4-7.4,13.3-10.1,20.7-6.1c7.4,4,10.1,13.3,6.1,20.7c-3.7,6.7-1.2,15.2,5.6,18.9L487,921c0.7,0.4,1.4,0.8,2.1,1.3
+			c4.8,3.7,10.6,5.7,16.8,5.7c0,0,0,0,0,0c6.4,0,12.7-2.2,17.7-6.2c0.6-0.5,1.3-0.9,2-1.3l382.5-217.7c6.7-3.8,9-12.3,5.2-19
+			c-4.2-7.3-1.6-16.6,5.7-20.8c7.3-4.2,16.6-1.6,20.8,5.7c12.1,21.3,4.7,48.4-16.6,60.5L541.6,946.4
+			C531.4,954.2,518.8,958.5,506,958.5z"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/star.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<path d="M512.4,152l101.3,205.3c10.1,20.5,29.6,34.6,52.2,37.9l226.6,32.9L728.6,588c-16.3,15.9-23.8,38.9-19.9,61.3L747.3,875
+	L544.7,768.5c-9.9-5.2-21.1-8-32.2-8c-11.2,0-22.3,2.8-32.2,8L277.5,875l38.7-225.7c3.9-22.5-3.6-45.4-19.9-61.3l-164-159.8
+	l226.6-32.9c22.6-3.3,42.1-17.5,52.2-37.9L512.4,152 M512.4,98.2c-10.4,0-20.8,5.4-26.2,16.3L375.1,339.6c-4.3,8.6-12.5,14.6-22,16
+	l-248.4,36.1c-24,3.5-33.5,32.9-16.2,49.8l179.8,175.2c6.9,6.7,10,16.4,8.4,25.9L234.3,890c-3.2,18.9,11.8,34.2,28.8,34.2
+	c4.5,0,9.1-1.1,13.6-3.4L498.8,804c4.3-2.2,8.9-3.4,13.6-3.4c4.7,0,9.3,1.1,13.6,3.4l222.2,116.8c4.5,2.4,9.1,3.4,13.6,3.4
+	c17,0,32-15.3,28.8-34.2l-42.4-247.4c-1.6-9.5,1.5-19.1,8.4-25.9l179.8-175.2c17.3-16.9,7.8-46.3-16.2-49.8l-248.4-36.1
+	c-9.5-1.4-17.7-7.4-22-16L538.6,114.5C533.3,103.7,522.8,98.2,512.4,98.2L512.4,98.2z"/>
+</svg>

public/images/educoder/icon/test.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#040000;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M513,98.2c-229.2,0-415,185.8-415,415c0,229.2,185.8,415,415,415c229.2,0,415-185.8,415-415
+			C928,284,742.2,98.2,513,98.2L513,98.2z M691.3,536.3l-236,136.2c-7.1,4.1-15.7,4.1-22.8,0c-7.1-4.1-11.4-11.6-11.4-19.7V380.3
+			c0-8.1,4.3-15.7,11.4-19.7c7.1-4.1,15.7-4.1,22.8,0l236,136.2C706.5,505.6,706.5,527.5,691.3,536.3L691.3,536.3z M691.3,536.3"/>
+	</g>
+</g>
+</svg>

public/images/educoder/icon/thousand.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;}
+</style>
+<g>
+	<path class="st0" d="M147.8,460.4"/>
+</g>
+<g>
+	<rect x="80" y="103.1" class="st1" width="866.3" height="817.2"/>
+</g>
+<g>
+	<path d="M265.1,387.4H137.7c-38.5,0-69.8,31.3-69.8,69.8v401.6c0,38.6,31.3,69.8,69.8,69.8h127.4V387.4z"/>
+	<path d="M943,413.5c-13.3-16.5-33.3-26.1-54.4-26.1H649.2c7.4-15.6,15.5-33.8,22.8-53.3c13.2-34.7,21.7-66.2,25.2-93.8
+		c5-38.8,0.4-71.1-13.8-95.9C658,99.9,610,90.6,574.2,90.6c-38.6,0-71.4,20-97.4,59.3c-19.5,29.5-34,67.5-48,104.2
+		c-30.7,80.6-54.2,133.4-99,133.4h-1.9v0h0.7v541.2h472.9c32.7,0,61.1-22.7,68.2-54.7v-0.2l87-401.5
+		C961.3,451.6,956.2,430,943,413.5z"/>
+</g>
+</svg>

public/images/educoder/icon/thousanded.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;}
+</style>
+<g>
+	<path d="M793.6,934.3C793.6,934.3,793.6,934.3,793.6,934.3H147.8c-45.8-0.1-83.2-37.4-83.2-83.2V460.5c0-45.8,37.4-83.2,83.2-83.2
+		h186.9c33.7,0,55.3-49.7,82-119.9c13.9-36.5,28.3-74.2,48.3-104.4c28.4-42.8,64.5-64.5,107.5-64.5c38.9,0,91.2,10.4,119.5,60
+		c15.5,27.1,20.6,61.7,15.3,102.9c-3.6,28-12.2,59.9-25.4,94.8c-3.8,10.1-8.1,20.5-12.7,31.2h209.2c25.3,0,49,11.3,64.9,31.1
+		c15.9,19.8,21.8,45.3,16.4,70.1L875,868.1c-0.1,0.4-0.1,0.7-0.2,1C866.3,907.5,832.9,934.3,793.6,934.3z M147.8,407.8
+		c-29,0-52.6,23.7-52.7,52.7v390.7c0,29,23.7,52.6,52.7,52.7h645.8h0c0,0,0,0,0,0c24.6,0,45.6-16.6,51.2-40.5c0-0.3,0.1-0.6,0.1-0.8
+		l84.6-390.6c3.5-15.7-0.3-31.9-10.4-44.4c-10.1-12.5-25-19.7-41.1-19.7H645.3c-5.2,0-10.1-2.7-12.9-7.1c-2.8-4.4-3.1-10-0.9-14.7
+		c8.3-17.4,15.6-34.5,21.7-50.7c12.4-32.6,20.4-62.2,23.7-87.8c4.5-34.4,0.6-62.6-11.5-83.8c-21.1-36.9-62.2-44.6-93-44.6
+		c-32.1,0-59.7,17.1-82.1,50.8c-18.1,27.3-31.9,63.4-45.2,98.4c-32.1,84.3-57.2,139.6-110.5,139.6H147.8z"/>
+</g>
+<g>
+	<path class="st0" d="M147.8,460.4"/>
+</g>
+<g>
+	<rect x="80" y="103.1" class="st1" width="866.3" height="817.2"/>
+</g>
+<g>
+	<path d="M317.6,935.6c-8.4,0-15.3-6.8-15.3-15.3V392.5c0-8.4,6.8-15.3,15.3-15.3c8.4,0,15.3,6.8,15.3,15.3v527.8
+		C332.9,928.8,326,935.6,317.6,935.6z"/>
+</g>
+</svg>

public/images/educoder/icon/version.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve" width="16px" height="16px">
+<g>
+	<path d="M512.6,140.2c21.8,0,42.1,8.4,57.3,23.6l290.9,290.9c31.6,31.6,31.6,83.1,0,114.7L570,860.2
+		c-15.2,15.2-35.6,23.6-57.3,23.6c-21.8,0-42.1-8.4-57.3-23.6L164.4,569.3c-31.6-31.6-31.6-83.1,0-114.7l290.9-290.9
+		C470.5,148.6,490.9,140.2,512.6,140.2 M512.6,99.6c-31.2,0-62.4,11.8-86,35.5L135.7,426c-47.3,47.3-47.3,124.7,0,172l290.9,290.9
+		c23.7,23.7,54.8,35.5,86,35.5c31.2,0,62.4-11.8,86-35.5L889.5,598c47.3-47.3,47.3-124.7,0-172L598.6,135.1
+		C575,111.5,543.8,99.6,512.6,99.6L512.6,99.6z"/>
+	<path d="M686.4,237.5L621.2,280c-5.4-2.9-11.2-5.1-17.5-6.5c-34.4-7.2-68,14.7-75.2,49.1c-1.3,6.3-1.7,12.5-1.2,18.6l-112,73.2
+		c-5.5-3.2-11.6-5.5-18.2-6.9c-34.4-7.2-68,14.7-75.2,49.1c-5.9,28,7.6,55.5,31.4,68.6l0.4,0.7l0.3-0.2c5.2,2.7,10.8,4.8,16.8,6.1
+		c34.4,7.2,68-14.7,75.2-49.1c1.3-6,1.7-12.1,1.2-17.9l99.2-64.7l-45.3,215.4c-21.7,6.3-39.4,24.1-44.4,47.9
+		c-7.2,34.4,14.7,68,49.1,75.2c34.4,7.2,68-14.7,75.2-49.1c5-23.8-4-47.2-21.4-61.7l48.6-231.2c21.7-6.3,39.4-24.1,44.4-47.9
+		c1.3-6.3,1.7-12.5,1.2-18.6l65.1-42.5"/>
+</g>
+</svg>