atoxio.github.com/index.html at master · AtoxIO/atoxio.github.com · GitHub

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<title>Atox.IO</title>
<style>
  html, body { height: 100%; width: 100%; text-align: center; margin: 20px 0 0; }
  h1 { font-family: monospace }
  #atom { margin: 0 auto; display: block; }
</style>
<h1>AtoxIO</h1>
<svg version="1.1" id="atom" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="500px" height="500px"
    viewBox="0 0 100 100" enable-background="new 0 0 100 100">
  <circle fill="#B5DBA5" cx="50.25" cy="49.81" r="43.47"/>
  <path id="path1" fill="#333333" d="
      M 0.94 49.92
      c 0 8.70 22.07 15.76 49.30 15.76
      c 27.23 0 49.30 -7.06 49.30 -15.76
      c 0 -8.70 -22.07 -15.76 -49.30 -15.76
      C 23.02 34.15 0.94 41.21 0.94 49.92
      z
      M 98.31 49.92
      c 0 8.48 -21.52 15.37 -48.06 15.37
      c -26.54 0 -48.06 -6.88 -48.06 -15.37
      c 0 -8.48 21.52 -15.37 48.06 -15.37
      C 76.79 34.55 98.31 41.43 98.31 49.92
      z"/>
  <path id="path2" fill="#333333" d="
      M 50.25 0.61
      c -8.70 0 -15.76 22.07 -15.76 49.30
      c0 27.23 7.06 49.30 15.76 49.30
      c 8.70 0 15.76 -22.07 15.76 -49.30
      S 58.95 0.61 50.25 0.61
      z
      M 50.25 97.98
      c -8.49 0 -15.37 -21.52 -15.37 -48.06
      C 34.87 23.37 41.76 1.85 50.25 1.85
      c 8.48 0 15.37 21.52 15.37 48.06
      C 65.62 76.47 58.73 97.98 50.25 97.98
      z"/>
  <path id="path3" fill="#333333" d="
      M 85.11 15.05
      c -6.15 -6.15 -26.75 4.46 -46.01 23.71
      C 19.84 58.02 9.22 78.63 15.38 84.78
      c 6.15 6.15 26.75 -4.46 46.01 -23.71
      C 80.65 41.81 91.27 21.21 85.11 15.05
      z
      M 16.26 83.91
      c -6.00 -6.00 4.34 -26.08 23.11 -44.85
      C 58.14 20.28 78.23 9.93 84.23 15.93
      c 6.00 6.00 -4.34 26.08 -23.11 44.85
      C 42.34 79.56 22.26 89.91 16.26 83.91
      z"/>
  <path id="path4" fill="#333333" d="
      M 85.11 84.78
      c 6.15  -6.15  -4.46  -26.75  -23.71  -46.01
      C 42.14 19.52 21.54 8.90 15.38 15.06
      C 9.22 21.21 19.84 41.81 39.1 61.07
      C 58.35 80.32 78.95 90.94 85.11 84.78
      z
      M 16.26 15.93
      c 6.00 -6.00 26.08 4.34 44.85 23.11
      C 79.89 57.82 90.24 77.90 84.23 83.91
      c -6.00 6.00 -26.08 -4.34 -44.85 -23.11
      C 20.60 42.02 10.25 21.94 16.26 15.93
      z"/>
  <circle cx="50.25" cy="49.81" r="5.8"/>
  <circle cx="" cy="" r="3.5">
    <animateMotion dur="3s" repeatCount="indefinite" path="
      M 85.11 84.78
      c 6.15  -6.15  -4.46  -26.75  -23.71  -46.01
      C 42.14 19.52 21.54 8.90 15.38 15.06
      C 9.22 21.21 19.84 41.81 39.1 61.07
      C 58.35 80.32 78.95 90.94 85.11 84.78
      z"/>
  </circle>
  <circle cx=""  cy=""  r="2.9">
    <animateMotion dur="3s" repeatCount="indefinite" path="
      M 85.11 15.05
      c -6.15 -6.15 -26.75 4.46 -46.01 23.71
      C 19.84 58.02 9.22 78.63 15.38 84.78
      c 6.15 6.15 26.75 -4.46 46.01 -23.71
      C 80.65 41.81 91.27 21.21 85.11 15.05
      z"/>
  </circle>
  <circle cx=""  cy=""  r="2.4">
    <animateMotion dur="3s" repeatCount="indefinite" path="
      M 0.94 49.92
      c 0 8.70 22.07 15.76 49.30 15.76
      c 27.23 0 49.30 -7.06 49.30 -15.76
      c 0 -8.70 -22.07 -15.76 -49.30 -15.76
      C 23.02 34.15 0.94 41.21 0.94 49.92
      z"/>
  </circle>
</svg>