forked from jlord/patchwork
/
index.html
67 lines (64 loc) · 22.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="patchwork, git, github, open source">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Patchwork: Git, GitHub and the Pursuit of Open Source</title>
<link rel="shortcut icon" href="https://raw2.github.com/jlord/patchwork/gh-pages/favicon.png"/>
<link href='style.css' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700,900' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="large-container">
<div id="welcome-name">
<h1>Congrats, you did it!</h1>
<div id="user-name" class="swing animated" style="display: block;">
<pre><code> ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___ ___
/\ \ /\__\ /\ \ /\ \ /\ \ /\ \ /\ \ /\ \ /| | /\__\ /\__\ /\ \ /\__\ _____ /\__\ /\__\ /\__\
/::\ \ /:/ _/_ \:\ \ ___ _\:\ \ \:\ \ /::\ \ |::\ \ /::\ \ |:| | /:/ _/_ /:/ _/_ _\:\ \ /:/ _/_ /::\ \ /:/ _/_ ___ ___ /:/ _/_ /:/ _/_
/:/\:\ \ /:/ /\ \ \:\ \ /| | /\ \:\ \ \:\ \ /:/\:\ \ |:|:\ \ /:/\:\ \ |:| | /:/ /\__\ /:/ /\ \ /\ \:\ \ /:/ /\__\ /:/\:\ \ /:/ /\ \ /\__\ /\__\ /:/ /\__\ /:/ /\ \
/:/ /::\ \ /:/ /::\ \ ___ \:\ \ |:| | _\:\ \:\ \ ___ /::\ \ /:/ \:\ \ __|:|\:\ \ /:/ /::\ \ __|:| | /:/ /:/ _/_ /:/ /::\ \ _\:\ \:\ \ /:/ /:/ _/_ /:/ /::\__\ /:/ /::\ \ /:/__/ /:/ / /:/ /:/ _/_ /:/ /::\ \
/:/_/:/\:\__\ /:/__\/\:\__\ /\ \ \:\__\ |:| | /\ \:\ \:\__\ /\ /:/\:\__\ /:/__/ \:\__\ /::::|_\:\__\ /:/_/:/\:\__\ /\ |:|__|____ /:/_/:/ /\__\ /:/_/:/\:\__\ /\ \:\ \:\__\ /:/_/:/ /\__\ /:/_/:/\:|__| /:/_/:/\:\__\ /::\ \ /:/__/ /:/_/:/ /\__\ /:/_/:/\:\__\
\:\/:/ \/__/ \:\ \ /:/ / \:\ \ /:/ / __|:|__| \:\ \:\/:/ / \:\/:/ \/__/ \:\ \ /:/ / \:\~~\ \/__/ \:\/:/ \/__/ \:\/:::::/__/ \:\/:/ /:/ / \:\/:/ /:/ / \:\ \:\/:/ / \:\/:/ /:/ / \:\/:/ /:/ / \:\/:/ /:/ / \/\:\ \__ /::\ \ \:\/:/ /:/ / \:\/:/ /:/ /
\::/__/ \:\ /:/ / \:\ /:/ / /::::\ \ \:\ \::/ / \::/__/ \:\ /:/ / \:\ \ \::/__/ \::/~~/~ \::/_/:/ / \::/ /:/ / \:\ \::/ / \::/_/:/ / \::/_/:/ / \::/ /:/ / ~~\:\/\__\ /:/\:\ \ \::/_/:/ / \::/ /:/ /
\:\ \ \:\/:/ / \:\/:/ / ~~~~\:\ \ \:\/:/ / \:\ \ \:\/:/ / \:\ \ \:\ \ \:\~~\ \:\/:/ / \/_/:/ / \:\/:/ / \:\/:/ / \:\/:/ / \/_/:/ / \::/ / \/__\:\ \ \:\/:/ / \/_/:/ /
\:\__\ \::/ / \::/ / \:\__\ \::/ / \:\__\ \::/ / \:\__\ \:\__\ \:\__\ \::/ / /:/ / \::/ / \::/ / \::/ / /:/ / /:/ / \:\__\ \::/ / /:/ /
\/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/
</code></pre>
</div>
</div>
</div>
<div class="container">
<h2 style="text-align: center;">You <strong>pull request</strong> with the best of 'em.</h2>
<h3>You now know alternate meanings for the words <strong>fork</strong> and <strong>branch</strong> and you've <strong>collaborated</strong> with someone (or robot) elsewhere. Below are the <strong>last 100</strong> to have completed Git-it.</h3>
<div id="compatriots">
<ul class="compatriots-list">
<li><span class="userdetail"><a href="https://www.github.com/A-Guy-Who-Makes-Websites" target="_blank">@A-Guy-Who-Makes-Websites</a></span> <span class="userdate">2018-11-14T03:47:01Z</span></li><li><span class="userdetail"><a href="https://www.github.com/lawrenceyen" target="_blank">@lawrenceyen</a></span> <span class="userdate">2018-11-14T03:01:40Z</span></li><li><span class="userdetail"><a href="https://www.github.com/rodalcala" target="_blank">@rodalcala</a></span> <span class="userdate">2018-11-13T22:33:00Z</span></li><li><span class="userdetail"><a href="https://www.github.com/uabdul" target="_blank">@uabdul</a></span> <span class="userdate">2018-11-13T21:54:21Z</span></li><li><span class="userdetail"><a href="https://www.github.com/bmgratch" target="_blank">@bmgratch</a></span> <span class="userdate">2018-11-13T21:47:12Z</span></li><li><span class="userdetail"><a href="https://www.github.com/tonykieling" target="_blank">@tonykieling</a></span> <span class="userdate">2018-11-13T19:44:13Z</span></li><li><span class="userdetail"><a href="https://www.github.com/gracetveit" target="_blank">@gracetveit</a></span> <span class="userdate">2018-11-13T18:15:43Z</span></li><li><span class="userdetail"><a href="https://www.github.com/willbo" target="_blank">@willbo</a></span> <span class="userdate">2018-11-13T17:25:16Z</span></li><li><span class="userdetail"><a href="https://www.github.com/amuhammadbdimshealth" target="_blank">@amuhammadbdimshealth</a></span> <span class="userdate">2018-11-13T16:38:09Z</span></li><li><span class="userdetail"><a href="https://www.github.com/JoaquinMayer" target="_blank">@JoaquinMayer</a></span> <span class="userdate">2018-11-13T15:06:19Z</span></li><li><span class="userdetail"><a href="https://www.github.com/chinatsuikeno" target="_blank">@chinatsuikeno</a></span> <span class="userdate">2018-11-13T11:22:47Z</span></li><li><span class="userdetail"><a href="https://www.github.com/ayakomachi" target="_blank">@ayakomachi</a></span> <span class="userdate">2018-11-13T11:21:52Z</span></li><li><span class="userdetail"><a href="https://www.github.com/mkasasagi" target="_blank">@mkasasagi</a></span> <span class="userdate">2018-11-13T10:52:24Z</span></li><li><span class="userdetail"><a href="https://www.github.com/rsz" target="_blank">@rsz</a></span> <span class="userdate">2018-11-13T10:15:31Z</span></li><li><span class="userdetail"><a href="https://www.github.com/frann-y" target="_blank">@frann-y</a></span> <span class="userdate">2018-11-13T03:14:41Z</span></li><li><span class="userdetail"><a href="https://www.github.com/wubrian" target="_blank">@wubrian</a></span> <span class="userdate">2018-11-12T22:16:53Z</span></li><li><span class="userdetail"><a href="https://www.github.com/redbeardaz" target="_blank">@redbeardaz</a></span> <span class="userdate">2018-11-12T21:42:17Z</span></li><li><span class="userdetail"><a href="https://www.github.com/membranophonist" target="_blank">@membranophonist</a></span> <span class="userdate">2018-11-12T20:35:33Z</span></li><li><span class="userdetail"><a href="https://www.github.com/smit4446" target="_blank">@smit4446</a></span> <span class="userdate">2018-11-12T20:06:45Z</span></li><li><span class="userdetail"><a href="https://www.github.com/michalwilanowski" target="_blank">@michalwilanowski</a></span> <span class="userdate">2018-11-12T17:46:03Z</span></li><li><span class="userdetail"><a href="https://www.github.com/subtu" target="_blank">@subtu</a></span> <span class="userdate">2018-11-12T14:40:48Z</span></li><li><span class="userdetail"><a href="https://www.github.com/GlazedPork" target="_blank">@GlazedPork</a></span> <span class="userdate">2018-11-12T13:50:24Z</span></li><li><span class="userdetail"><a href="https://www.github.com/y129may9th" target="_blank">@y129may9th</a></span> <span class="userdate">2018-11-12T12:33:19Z</span></li><li><span class="userdetail"><a href="https://www.github.com/ashunda" target="_blank">@ashunda</a></span> <span class="userdate">2018-11-12T01:59:51Z</span></li><li><span class="userdetail"><a href="https://www.github.com/elNachoGato" target="_blank">@elNachoGato</a></span> <span class="userdate">2018-11-12T01:11:56Z</span></li><li><span class="userdetail"><a href="https://www.github.com/frankiegee" target="_blank">@frankiegee</a></span> <span class="userdate">2018-11-11T20:23:53Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jjmarkham" target="_blank">@jjmarkham</a></span> <span class="userdate">2018-11-11T19:58:53Z</span></li><li><span class="userdetail"><a href="https://www.github.com/golemarms" target="_blank">@golemarms</a></span> <span class="userdate">2018-11-11T03:17:28Z</span></li><li><span class="userdetail"><a href="https://www.github.com/kasavin" target="_blank">@kasavin</a></span> <span class="userdate">2018-11-10T19:42:55Z</span></li><li><span class="userdetail"><a href="https://www.github.com/AliKrouse" target="_blank">@AliKrouse</a></span> <span class="userdate">2018-11-10T19:24:20Z</span></li><li><span class="userdetail"><a href="https://www.github.com/xlcrr" target="_blank">@xlcrr</a></span> <span class="userdate">2018-11-10T18:11:50Z</span></li><li><span class="userdetail"><a href="https://www.github.com/hemangirane" target="_blank">@hemangirane</a></span> <span class="userdate">2018-11-10T13:32:11Z</span></li><li><span class="userdetail"><a href="https://www.github.com/peterdachuan" target="_blank">@peterdachuan</a></span> <span class="userdate">2018-11-10T04:55:16Z</span></li><li><span class="userdetail"><a href="https://www.github.com/leolastikka-sympa" target="_blank">@leolastikka-sympa</a></span> <span class="userdate">2018-11-09T07:43:48Z</span></li><li><span class="userdetail"><a href="https://www.github.com/JaredMoats" target="_blank">@JaredMoats</a></span> <span class="userdate">2018-11-08T21:37:01Z</span></li><li><span class="userdetail"><a href="https://www.github.com/ChristinaHsu88" target="_blank">@ChristinaHsu88</a></span> <span class="userdate">2018-11-08T15:59:40Z</span></li><li><span class="userdetail"><a href="https://www.github.com/RasmusDamgaard" target="_blank">@RasmusDamgaard</a></span> <span class="userdate">2018-11-08T10:47:31Z</span></li><li><span class="userdetail"><a href="https://www.github.com/dsustaita" target="_blank">@dsustaita</a></span> <span class="userdate">2018-11-08T03:56:50Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Snowb71918" target="_blank">@Snowb71918</a></span> <span class="userdate">2018-11-08T02:07:27Z</span></li><li><span class="userdetail"><a href="https://www.github.com/schumry" target="_blank">@schumry</a></span> <span class="userdate">2018-11-08T00:00:03Z</span></li><li><span class="userdetail"><a href="https://www.github.com/sreenivas-madugula" target="_blank">@sreenivas-madugula</a></span> <span class="userdate">2018-11-07T23:18:28Z</span></li><li><span class="userdetail"><a href="https://www.github.com/twjsanderson" target="_blank">@twjsanderson</a></span> <span class="userdate">2018-11-07T20:25:06Z</span></li><li><span class="userdetail"><a href="https://www.github.com/henrytran026" target="_blank">@henrytran026</a></span> <span class="userdate">2018-11-07T19:31:46Z</span></li><li><span class="userdetail"><a href="https://www.github.com/lucholafrazia" target="_blank">@lucholafrazia</a></span> <span class="userdate">2018-11-07T15:58:16Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Captainfive" target="_blank">@Captainfive</a></span> <span class="userdate">2018-11-07T15:56:17Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jensung" target="_blank">@jensung</a></span> <span class="userdate">2018-11-07T14:24:13Z</span></li><li><span class="userdetail"><a href="https://www.github.com/nadyawiart" target="_blank">@nadyawiart</a></span> <span class="userdate">2018-11-07T09:51:52Z</span></li><li><span class="userdetail"><a href="https://www.github.com/WLAngel" target="_blank">@WLAngel</a></span> <span class="userdate">2018-11-07T09:48:50Z</span></li><li><span class="userdetail"><a href="https://www.github.com/dibyanshuanand" target="_blank">@dibyanshuanand</a></span> <span class="userdate">2018-11-07T07:40:56Z</span></li><li><span class="userdetail"><a href="https://www.github.com/facuchu" target="_blank">@facuchu</a></span> <span class="userdate">2018-11-07T05:20:08Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jarcillas" target="_blank">@jarcillas</a></span> <span class="userdate">2018-11-07T01:09:28Z</span></li><li><span class="userdetail"><a href="https://www.github.com/olegnovoselskyy" target="_blank">@olegnovoselskyy</a></span> <span class="userdate">2018-11-07T00:35:24Z</span></li><li><span class="userdetail"><a href="https://www.github.com/GraceyYY" target="_blank">@GraceyYY</a></span> <span class="userdate">2018-11-06T18:03:46Z</span></li><li><span class="userdetail"><a href="https://www.github.com/eniocf" target="_blank">@eniocf</a></span> <span class="userdate">2018-11-06T15:29:41Z</span></li><li><span class="userdetail"><a href="https://www.github.com/DirkPlatt" target="_blank">@DirkPlatt</a></span> <span class="userdate">2018-11-06T13:51:52Z</span></li><li><span class="userdetail"><a href="https://www.github.com/goretide" target="_blank">@goretide</a></span> <span class="userdate">2018-11-06T13:00:56Z</span></li><li><span class="userdetail"><a href="https://www.github.com/bassdude5" target="_blank">@bassdude5</a></span> <span class="userdate">2018-11-06T13:00:31Z</span></li><li><span class="userdetail"><a href="https://www.github.com/risa1226" target="_blank">@risa1226</a></span> <span class="userdate">2018-11-06T10:05:57Z</span></li><li><span class="userdetail"><a href="https://www.github.com/bgeudens" target="_blank">@bgeudens</a></span> <span class="userdate">2018-11-06T09:42:53Z</span></li><li><span class="userdetail"><a href="https://www.github.com/sclarkin" target="_blank">@sclarkin</a></span> <span class="userdate">2018-11-06T09:23:06Z</span></li><li><span class="userdetail"><a href="https://www.github.com/nigerianprince8787" target="_blank">@nigerianprince8787</a></span> <span class="userdate">2018-11-06T03:27:46Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Mariam-RM" target="_blank">@Mariam-RM</a></span> <span class="userdate">2018-11-06T02:56:18Z</span></li><li><span class="userdetail"><a href="https://www.github.com/wmompie" target="_blank">@wmompie</a></span> <span class="userdate">2018-11-06T02:51:19Z</span></li><li><span class="userdetail"><a href="https://www.github.com/sbolande" target="_blank">@sbolande</a></span> <span class="userdate">2018-11-06T01:28:30Z</span></li><li><span class="userdetail"><a href="https://www.github.com/shehmashaikh" target="_blank">@shehmashaikh</a></span> <span class="userdate">2018-11-06T00:11:36Z</span></li><li><span class="userdetail"><a href="https://www.github.com/RoxyPoo" target="_blank">@RoxyPoo</a></span> <span class="userdate">2018-11-05T23:50:50Z</span></li><li><span class="userdetail"><a href="https://www.github.com/voltron77" target="_blank">@voltron77</a></span> <span class="userdate">2018-11-05T23:50:30Z</span></li><li><span class="userdetail"><a href="https://www.github.com/RoxyPoo" target="_blank">@RoxyPoo</a></span> <span class="userdate">2018-11-05T23:50:23Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Maxpalm" target="_blank">@Maxpalm</a></span> <span class="userdate">2018-11-05T23:11:39Z</span></li><li><span class="userdetail"><a href="https://www.github.com/StashRichards" target="_blank">@StashRichards</a></span> <span class="userdate">2018-11-05T23:08:06Z</span></li><li><span class="userdetail"><a href="https://www.github.com/el-mijo" target="_blank">@el-mijo</a></span> <span class="userdate">2018-11-05T22:55:27Z</span></li><li><span class="userdetail"><a href="https://www.github.com/bowleskm" target="_blank">@bowleskm</a></span> <span class="userdate">2018-11-05T22:42:46Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Ragnar129" target="_blank">@Ragnar129</a></span> <span class="userdate">2018-11-05T22:27:55Z</span></li><li><span class="userdetail"><a href="https://www.github.com/gurule92" target="_blank">@gurule92</a></span> <span class="userdate">2018-11-05T22:17:50Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jgeorges" target="_blank">@jgeorges</a></span> <span class="userdate">2018-11-05T20:42:49Z</span></li><li><span class="userdetail"><a href="https://www.github.com/wojky" target="_blank">@wojky</a></span> <span class="userdate">2018-11-05T20:10:46Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jtschweitzer" target="_blank">@jtschweitzer</a></span> <span class="userdate">2018-11-05T18:54:01Z</span></li><li><span class="userdetail"><a href="https://www.github.com/conorstormideas" target="_blank">@conorstormideas</a></span> <span class="userdate">2018-11-05T17:28:39Z</span></li><li><span class="userdetail"><a href="https://www.github.com/PabloAdriaensens" target="_blank">@PabloAdriaensens</a></span> <span class="userdate">2018-11-05T16:27:21Z</span></li><li><span class="userdetail"><a href="https://www.github.com/Alcuvi" target="_blank">@Alcuvi</a></span> <span class="userdate">2018-11-05T14:17:42Z</span></li><li><span class="userdetail"><a href="https://www.github.com/nabil46mami" target="_blank">@nabil46mami</a></span> <span class="userdate">2018-11-05T10:45:38Z</span></li><li><span class="userdetail"><a href="https://www.github.com/tkoriginal" target="_blank">@tkoriginal</a></span> <span class="userdate">2018-11-05T01:39:15Z</span></li><li><span class="userdetail"><a href="https://www.github.com/cepholopoddreamz" target="_blank">@cepholopoddreamz</a></span> <span class="userdate">2018-11-05T00:53:17Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jourisque" target="_blank">@jourisque</a></span> <span class="userdate">2018-11-04T23:34:33Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jazzatar" target="_blank">@jazzatar</a></span> <span class="userdate">2018-11-04T22:39:18Z</span></li><li><span class="userdetail"><a href="https://www.github.com/rvisas" target="_blank">@rvisas</a></span> <span class="userdate">2018-11-04T17:11:20Z</span></li><li><span class="userdetail"><a href="https://www.github.com/No17fox" target="_blank">@No17fox</a></span> <span class="userdate">2018-11-04T14:36:59Z</span></li><li><span class="userdetail"><a href="https://www.github.com/LightningsFury" target="_blank">@LightningsFury</a></span> <span class="userdate">2018-11-04T14:00:54Z</span></li><li><span class="userdetail"><a href="https://www.github.com/arekk91" target="_blank">@arekk91</a></span> <span class="userdate">2018-11-04T11:57:48Z</span></li><li><span class="userdetail"><a href="https://www.github.com/cptKNJO" target="_blank">@cptKNJO</a></span> <span class="userdate">2018-11-04T10:40:03Z</span></li><li><span class="userdetail"><a href="https://www.github.com/sensishadow818" target="_blank">@sensishadow818</a></span> <span class="userdate">2018-11-04T00:53:59Z</span></li><li><span class="userdetail"><a href="https://www.github.com/TeriEich" target="_blank">@TeriEich</a></span> <span class="userdate">2018-11-03T17:08:20Z</span></li><li><span class="userdetail"><a href="https://www.github.com/KrysieDee" target="_blank">@KrysieDee</a></span> <span class="userdate">2018-11-03T15:38:37Z</span></li><li><span class="userdetail"><a href="https://www.github.com/st4t1k" target="_blank">@st4t1k</a></span> <span class="userdate">2018-11-03T14:00:12Z</span></li><li><span class="userdetail"><a href="https://www.github.com/markojovo" target="_blank">@markojovo</a></span> <span class="userdate">2018-11-03T00:25:09Z</span></li><li><span class="userdetail"><a href="https://www.github.com/vkWeb" target="_blank">@vkWeb</a></span> <span class="userdate">2018-11-02T18:11:35Z</span></li><li><span class="userdetail"><a href="https://www.github.com/mistaOba" target="_blank">@mistaOba</a></span> <span class="userdate">2018-11-02T10:00:25Z</span></li><li><span class="userdetail"><a href="https://www.github.com/jhwestmoreland" target="_blank">@jhwestmoreland</a></span> <span class="userdate">2018-11-02T06:41:41Z</span></li><li><span class="userdetail"><a href="https://www.github.com/raleighbuckner" target="_blank">@raleighbuckner</a></span> <span class="userdate">2018-11-01T23:13:34Z</span></li><li><span class="userdetail"><a href="https://www.github.com/ianepreston" target="_blank">@ianepreston</a></span> <span class="userdate">2018-11-01T23:02:44Z</span></li>
</ul>
</div>
<div class="textcontainer">
<div id="about" class="halvsies">
<h4>That's not All!</h4>
<div class="totalwow">20,292</div>
<p>fine humans have completed <a href="https://www.github.com/jlord/git-it" target="_blank">Git-it</a>, an open source app for learning Git and GitHub.</p> <p>The <a href="https://www.github.com/jlord/git-it" target="_blank">Git-it</a> challenges are self directed so one can do it on their own, but it also makes for a great <a href="http://nodeschool.io/" target="_blank">nodeschool.io</a> workshop.</p>
</div>
<div id="next" class="halvsies">
<h4>What next?</h4>
<p>Don't stop now, keep going! Here are some ideas for what to work on next.</p>
<ul class="what-next-list">
<li>Make a repository on GitHub named 'ghusername.github.io' and fill it with web site files. GitHub will host for free at the same address: ghusername.github.io. <a href="https://pages.github.com" target="_blank">Learn more</a>.</li>
<li>Create a repository and open an issue to make a <a href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments" target="_blank">to-do list</a>.</li>
<li>Find interesting open source projects to work with in <a href="https://www.github.com/explore" target="_blank">Explore</a>.</li>
<li>Checkout the GitHub <a href="https://guides.github.com/activities/hello-world">Hello World Guide</a> for more GitHub basics.</li>
<li>Fork an existing site to get your own up and runing: <a href="http://jlord.us/forkngo" target="_blank">Fork-n-go</a>.</li>
</ul>
</div>
</div>
</div>
<script>
var text = document.querySelector('#user-name code').innerHTML;text = text.replace(/:/g, '<span>:</span>');document.querySelector('#user-name code').innerHTML = text;
</script>
</body>
</html>