Skip to content

Commit b13b8f5

Browse files
sunnywxsunnywx
committed
home page add animation, fix config.toml, optimize partial files
1 parent 6f8d582 commit b13b8f5

22 files changed

+447
-24
lines changed

‎.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -1 +1,3 @@
11
/public
2+
.idea/
3+

‎config.toml

+11-9
Original file line numberDiff line numberDiff line change
@@ -7,25 +7,26 @@ preserveTaxonomyNames = true
77
footnotereturnlinkcontents = "↩"
88
defaultContentLanguage = "en"
99
defaultContentLanguageInSubdir = true
10-
10+
copyright = "Openpitrix Technology © 2018"
1111

1212
[languages]
1313
[languages.en]
1414
languageCode = "en-us"
15-
footer = "Openpitrix Technology © 2018"
16-
#footer = "© [openpitrix.io](https://openpitrix.io) 2017 | [Github](https://github.com/openpitrix) | [Gitee](https://gitee.com/openpitrix)"
15+
footer = "© [openpitrix.io](https://openpitrix.io) 2017 | [Github](https://github.com/openpitrix) | [Gitee](https://gitee.com/openpitrix)"
1716

1817
[[languages.en.menu.main]]
1918
name = "OpenPitrix"
2019
url = "/en/"
2120
weight = 1
2221
[[languages.en.menu.main]]
2322
name = "Features"
24-
url = "/en/features/"
23+
#url = "/en/features/"
24+
url = "/en/#third"
2525
weight = 2
2626
[[languages.en.menu.main]]
2727
name = "Case Studies"
28-
url = "/en/cases/"
28+
#url = "/en/cases/"
29+
url = "/en/#eighth"
2930
weight = 3
3031
[[languages.en.menu.main]]
3132
name = "About"
@@ -82,20 +83,21 @@ defaultContentLanguageInSubdir = true
8283

8384
[languages.zh]
8485
languageCode = "zh-cn"
85-
footer = "Openpitrix Technology © 2018"
86-
#footer = "© [openpitrix.io](https://openpitrix.io) 2017 | [Github](https://github.com/openpitrix) | [码云](https://gitee.com/openpitrix)"
86+
footer = "© [openpitrix.io](https://openpitrix.io) 2017 | [Github](https://github.com/openpitrix) | [码云](https://gitee.com/openpitrix)"
8787

8888
[[languages.zh.menu.main]]
8989
name = "OpenPitrix"
9090
url = "/zh/"
9191
weight = 1
9292
[[languages.zh.menu.main]]
9393
name = "特性"
94-
url = "/zh/features"
94+
#url = "/zh/features"
95+
url = "/zh/#third"
9596
weight = 2
9697
[[languages.zh.menu.main]]
9798
name = "案例"
98-
url = "/zh/cases"
99+
#url = "/zh/cases"
100+
url = "/zh/#eighth"
99101
weight = 3
100102
[[languages.zh.menu.main]]
101103
name = "关于"

‎layouts/_default/single.html

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
{{ partial "header.html" . }}
2-
<div class="article-meta">
3-
<h1><span class="title">{{ .Title }}</span></h1>
4-
{{ with .Params.author }}<h2 class="author">{{ . }}</h2>{{ end }}
5-
{{ if .Params.date }}<h2 class="date">{{ .Date.Format "2006/01/02" }}</h2>{{ end }}
6-
</div>
2+
3+
{{ if not .IsHome }}
4+
<div class="article-meta">
5+
<h1><span class="title">{{ .Title }}</span></h1>
6+
{{ with .Params.author }}<h2 class="author">{{ . }}</h2>{{ end }}
7+
{{ if .Params.date }}<h2 class="date">{{ .Date.Format "2006/01/02" }}</h2>{{ end }}
8+
</div>
9+
{{ end }}
710

811
<main>
912
{{ .Content }}

‎layouts/index.html

+3-1
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,9 @@ <h3 class="section-title">{{ .title }}</h3>
141141
</div>
142142
{{ end }}
143143

144-
<div class="section-process"></div>
144+
<div class="section-process">
145+
{{ partial "home_clip.html" . }}
146+
</div>
145147

146148
<img class="section-img71" src="/assets/7-1.png" alt="wave2" />
147149
<img class="section-img72" src="/assets/7-2.png" alt="diamond1" />

‎layouts/partials/footer.html

+6-7
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,13 @@ <h2>{{ .title }}</h2>
66
</div>
77
{{ end }}
88

9-
{{ with .Site.Params }}
10-
<div class="footer-business">
11-
<div class="container">
12-
<img src="/assets/logo2.svg" alt="">
13-
<span class="icp">{{ .footer }}</span>
14-
</div>
9+
<div class="footer-business">
10+
<div class="container">
11+
<img src="/assets/logo2.svg" alt="">
12+
<span class="icp">{{ .Site.Copyright }}</span>
1513
</div>
16-
{{ end }}
14+
</div>
15+
1716
</footer>
1817
<script src="/js/lib/jquery-3.3.1.min.js"></script>
1918
<script src="/js/plugin/aos.js"></script>

‎layouts/partials/header.html

+4
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,12 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>{{ .Title }} | {{ .Site.Title }}</title>
7+
8+
{{ if .IsHome }}
79
<link rel="stylesheet" href="{{ "/css/plugin/aos.css" | relURL }}" />
810
<link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" />
11+
<link rel="stylesheet" href="{{ "/css/home_clip.css" | relURL }}">
12+
{{ end }}
913

1014
{{ partial "head_custom.html" . }}
1115
</head>

‎layouts/partials/home_clip.html

+136
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
2+
<img src="/assets/java@3x.png" alt="" id="java">
3+
<img src="/assets/python@3x.png" alt="" id="python">
4+
<img src="/assets/linux@3x.png" alt="" id="linux">
5+
<img src="/assets/php@3x.png" alt="" id="php">
6+
<img src="/assets/c++@3x.png" alt="" id="cplusplus">
7+
<img src="/assets/windows@3x.png" alt="" id="docker">
8+
<img src="/assets/more@3x.png" alt="" id="more">
9+
<img src="/assets/qingcloud@3x.png" alt="" id="qingcloud" class="ellipse-big">
10+
<img src="/assets/aws@3x.png" alt="" id="aws" class="ellipse-big">
11+
<img src="/assets/gce@3x.png" alt="" id="gce" class="ellipse-big">
12+
<img src="/assets/cloudstack@3x.png" alt="" id="cloudstack" class="ellipse-big">
13+
<img src="/assets/vmware@3x.png" alt="" id="vmware" class="ellipse-big">
14+
<img src="/assets/k8s@3x.png" alt="" id="k8s" class="ellipse-big">
15+
16+
<div style="position: absolute; top: 114px; right: 135px;">
17+
<svg height="300" width="300" >
18+
<defs>
19+
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
20+
<stop stop-color="#9F4ED8" offset="0%"></stop>
21+
<stop stop-color="#6626AF" offset="100%"></stop>
22+
</linearGradient>
23+
</defs>
24+
<circle cx="150" cy="150" r="17" fill="url(#linearGradient-1)" />
25+
<circle cx="150" cy="150" r="22" stroke="#7E4ABA" stroke-width="10" fill="transparent" id="c1" class="wave-effect" />
26+
<circle cx="150" cy="150" r="22" stroke="#7E4ABA" stroke-width="10" fill="transparent" id="c2" class="wave-effect" />
27+
<circle cx="150" cy="150" r="22" stroke="#7E4ABA" stroke-width="10" fill="transparent" id="c3" class="wave-effect" />
28+
</svg>
29+
</div>
30+
31+
<div class="center-pitrix-icon">
32+
33+
<svg width="217px" height="245px">
34+
<defs>
35+
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
36+
<stop stop-color="#9F4ED8" offset="0%"></stop>
37+
<stop stop-color="#6626AF" offset="100%"></stop>
38+
</linearGradient>
39+
</defs>
40+
<g id="layer-1" stroke="none" stroke-width="1" style="width: 128px;height: 146px;" transform="translate(40, 40)">
41+
<path d="M68.84,3.26918213 L122.695757,34.3628179 C125.745214,36.1234227 127.623757,39.3771546 127.623757,42.8983643 L127.623757,105.085636 C127.623757,108.606845 125.745214,111.860577 122.695757,113.621182 L68.84,144.714818 C65.790543,146.475423 62.033457,146.475423 58.984,144.714818 L5.12824309,113.621182 C2.07878608,111.860577 0.200243094,108.606845 0.200243094,105.085636 L0.200243094,42.8983643 C0.200243094,39.3771546 2.07878608,36.1234227 5.12824309,34.3628179 L58.984,3.26918213 C62.033457,1.5085773 65.790543,1.5085773 68.84,3.26918213 Z"
42+
id="Polygon-2" fill="url(#linearGradient-1)"></path>
43+
<g id="Group-5" transform="translate(12.872000, 61.672000)" fill="#FFFFFF">
44+
<path d="M5.56471504,20.0955042 C2.49140779,20.0955042 0,17.3076816 0,13.8687282 C0,10.4297748 2.49140779,7.64195229 5.56471504,7.64195229 C8.6380223,7.64195229 11.1294301,10.4297748 11.1294301,13.8687282 C11.1294301,17.3076816 8.6380223,20.0955042 5.56471504,20.0955042 Z M5.56471504,17.9373602 C7.56036911,17.9373602 9.17816637,16.1236916 9.17816637,13.8864179 C9.17816637,11.6491443 7.56036911,9.83547564 5.56471504,9.83547564 C3.56906098,9.83547564 1.95126372,11.6491443 1.95126372,13.8864179 C1.95126372,16.1236916 3.56906098,17.9373602 5.56471504,17.9373602 Z"
45+
id="Combined-Shape"></path>
46+
<path d="M14.7428814,7.64195229 L17.4618515,7.64195229 C19.4326439,7.64195229 21.0302867,9.23959515 21.0302867,11.2103875 L21.0302867,11.6447106 C21.0302867,13.6155029 19.4326439,15.2131458 17.4618515,15.2131458 L14.7428814,15.2131458 L14.7428814,20.0955042 L12.6832142,20.0955042 L12.6832142,7.64195229 L14.7428814,7.64195229 Z M14.7374861,9.693958 L14.7374861,13.1611401 L17.2008939,13.1611401 C18.1583298,13.1611401 18.934485,12.3849849 18.934485,11.427549 C18.934485,10.4701131 18.1583298,9.693958 17.2008939,9.693958 L14.7374861,9.693958 Z"
47+
id="Combined-Shape"></path>
48+
<path d="M24.1378549,12.8212049 L29.9089621,12.8212049 L29.9089621,14.8808722 L24.1378549,14.8808722 L24.1378549,18.0573574 L29.9089621,18.0573574 L29.9089621,20.1170247 L22.1608716,20.1170247 L22.1608716,20.0955042 L22.0781876,20.0955042 L22.0781876,7.64195229 L22.1608716,7.64195229 L22.1608716,7.62043182 L29.9089621,7.62043182 L29.9089621,9.68009907 L24.1378549,9.68009907 L24.1378549,12.8212049 Z"
49+
id="Combined-Shape"></path>
50+
<path d="M39.2782159,14.0029764 L33.4966938,11.0160038 L33.4966938,20.0955042 L31.4370265,20.0955042 L31.4370265,8.40305875 L31.5209141,8.44316827 L31.5209141,7.5742222 L39.2782159,11.581964 L39.2782159,7.64195229 L41.3378832,7.64195229 L41.3378832,20.0955042 L39.2782159,20.0955042 L39.2782159,14.0029764 Z"
51+
id="Combined-Shape"></path>
52+
<path d="M73.9312142,9.68009907 L73.9312142,20.0955042 L71.8715469,20.0955042 L71.8715469,9.68009907 L68.4612647,9.68009907 L68.4612647,7.62043182 L77.3414963,7.62043182 L77.3414963,9.68009907 L73.9312142,9.68009907 Z"
53+
id="Combined-Shape"></path>
54+
<path d="M82.9980197,15.2131458 L80.3631575,15.2131458 L80.3631575,20.0955042 L78.3034903,20.0955042 L78.3034903,7.64195229 L80.3631575,7.64195229 L83.1182621,7.64195229 C85.0890545,7.64195229 86.6866973,9.23959515 86.6866973,11.2103875 L86.6866973,11.6447106 C86.6866973,12.9615903 85.9733679,14.1118629 84.9120278,14.7302097 L87.7345982,20.0955042 L85.5665274,20.0955042 L82.9980197,15.2131458 Z M80.3631575,9.69405261 L80.3631575,13.1612347 L82.8265654,13.1612347 C83.7840013,13.1612347 84.5601564,12.3850795 84.5601564,11.4276436 C84.5601564,10.4702077 83.7840013,9.69405261 82.8265654,9.69405261 L80.3631575,9.69405261 Z"
55+
id="Combined-Shape"></path>
56+
<rect id="Rectangle-4-Copy-12" x="88.421154" y="7.64195229" width="2.05966726"
57+
height="12.4535519"></rect>
58+
<path d="M96.8062111,12.2108087 L99.8433603,7.64195229 L102.047566,7.64195229 L97.9083138,13.8687282 L102.047566,20.0955042 L99.8433603,20.0955042 L96.8062111,15.5266477 L93.7690619,20.0955042 L91.5648566,20.0955042 L95.7041084,13.8687282 L91.5648566,7.64195229 L93.7690619,7.64195229 L96.8062111,12.2108087 Z"
59+
id="Combined-Shape"></path>
60+
<g id="Group-4" transform="translate(44.445451, 0.000000)">
61+
<polygon id="Rectangle-2-Copy-5"
62+
transform="translate(8.750733, 3.047731) scale(1, -1) translate(-8.750733, -3.047731) "
63+
points="7.01009558 -3.63797881e-12 10.4913697 1.67303572 10.4913697 6.09546181 7.01009558 4.4224261"></polygon>
64+
<path d="M4.4224261,11.6168246 L4.4224261,23.2681918 L3.46389584e-14,21.0467465 L1.24617594e-15,9.48168155 L0,5.05925545 L10.4790088,10.1185109 L10.4790088,14.540937 L4.4224261,11.6168246 Z"
65+
id="Combined-Shape" opacity="0.75"></path>
66+
<polygon id="Rectangle-2-Copy-3"
67+
transform="translate(18.699611, 17.167453) scale(1, -1) rotate(-270.000000) translate(-18.699611, -17.167453) "
68+
points="14.8418377 14.95624 24.7788288 14.95624 22.4851145 19.3786661 12.6203924 19.3786661"></polygon>
69+
<polygon id="Rectangle-2-Copy-4" opacity="0.75"
70+
points="10.4790088 0 20.9580177 5.05925545 20.9580177 9.48168155 10.4790088 4.4224261"></polygon>
71+
<polygon id="Rectangle-2-Copy"
72+
transform="translate(15.718513, 9.800096) scale(1, -1) translate(-15.718513, -9.800096) "
73+
points="10.4790088 5.05925545 20.9580177 10.1185109 20.9580177 14.540937 10.4790088 9.48168155"></polygon>
74+
</g>
75+
</g>
76+
</g>
77+
78+
<g id="wave-rings" stroke="none" stroke-width="1" fill="#6626AF"
79+
transform="translate(-615, -4707.5)">
80+
<g id="ring-1" class="wave-effect">
81+
<path d="M723.84,4743.27315 L784.620521,4778.3648 C787.669978,4780.12541 789.548521,4783.37914 789.548521,4786.90035 L789.548521,4857.08365 C789.548521,4860.60486 787.669978,4863.85859 784.620521,4865.6192 L723.84,4900.71085 C720.790543,4902.47145 717.033457,4902.47145 713.984,4900.71085 L653.203479,4865.6192 C650.154022,4863.85859 648.275479,4860.60486 648.275479,4857.08365 L648.275479,4786.90035 C648.275479,4783.37914 650.154022,4780.12541 653.203479,4778.3648 L713.984,4743.27315 C717.033457,4741.51255 720.790543,4741.51255 723.84,4743.27315 Z"></path>
82+
</g>
83+
<g id="ring-2" class="wave-effect">
84+
<path d="M723.84,4732.02898 L794.358261,4772.74272 C797.407718,4774.50332 799.286261,4777.75705 799.286261,4781.27826 L799.286261,4862.70574 C799.286261,4866.22695 797.407718,4869.48068 794.358261,4871.24128 L723.84,4911.95502 C720.790543,4913.71562 717.033457,4913.71562 713.984,4911.95502 L643.465739,4871.24128 C640.416282,4869.48068 638.537739,4866.22695 638.537739,4862.70574 L638.537739,4781.27826 C638.537739,4777.75705 640.416282,4774.50332 643.465739,4772.74272 L713.984,4732.02898 C717.033457,4730.26838 720.790543,4730.26838 723.84,4732.02898 Z"></path>
85+
</g>
86+
<!--<g id="ring-3" class="wave-effect">-->
87+
<!--<path d="M723.84,4710.75839 L812.77913,4762.10742 C815.828587,4763.86803 817.70713,4767.12176 817.70713,4770.64297 L817.70713,4873.34103 C817.70713,4876.86224 815.828587,4880.11597 812.77913,4881.87658 L723.84,4933.22561 C720.790543,4934.98621 717.033457,4934.98621 713.984,4933.22561 L625.04487,4881.87658 C621.995413,4880.11597 620.11687,4876.86224 620.11687,4873.34103 L620.11687,4770.64297 C620.11687,4767.12176 621.995413,4763.86803 625.04487,4762.10742 L713.984,4710.75839 C717.033457,4708.99779 720.790543,4708.99779 723.84,4710.75839 Z"></path>-->
88+
<!--</g>-->
89+
</g>
90+
</svg>
91+
</div>
92+
93+
<div class="beam">
94+
<svg width="185" height="60" viewBox="0 0 185 60"
95+
xmlns="http://www.w3.org/2000/svg">
96+
<defs>
97+
<linearGradient id="gd-1">
98+
<stop stop-color="rgba(255, 255, 255, 0)" offset="0%"></stop>
99+
<stop stop-color="rgba(206, 172, 231, 0.56)" offset="50%"></stop>
100+
<stop stop-color="#934ca7" offset="100%"></stop>
101+
</linearGradient>
102+
</defs>
103+
<path fill="url(#gd-1)" class="light-beam" d="M0,15 180,8 Q188,15 180,22 z"/>
104+
</svg>
105+
</div>
106+
107+
<div class="left-dots">
108+
<svg width="500" height="320">
109+
<path class="movingLine l-line-1" d="m12,15v216"></path>
110+
<path class="movingLine l-line-2" d="m34,24v198"></path>
111+
<path class="movingLine l-line-3" d="m114,60v126"></path>
112+
<path class="movingLine l-line-4" d="m136,69v108"></path>
113+
<path class="movingLine l-line-5" d="m211,102v42"></path>
114+
<path class="movingLine l-line-6" d="m233,111v24"></path>
115+
<path class="movingLine l-line-7" d="m320,122h55"></path>
116+
</svg>
117+
</div>
118+
119+
<div class="right-dots">
120+
<svg width="300" height="300">
121+
<!--<polygon class="outer-plots" fill="#aaa" points="60,20 100,40 100,80 60,100 20,80 20,40"/>-->
122+
<circle cx="152" cy="50" r="4" class="outer-line"></circle>
123+
<circle cx="244" cy="100" r="4" class="outer-line"></circle>
124+
<circle cx="244" cy="200" r="4" class="outer-line"></circle>
125+
<circle cx="152" cy="250" r="4" class="outer-line"></circle>
126+
<circle cx="54" cy="200" r="4" class="outer-line"></circle>
127+
<circle cx="54" cy="100" r="4" class="outer-line"></circle>
128+
<circle cx="152" cy="80" r="4" class="inner-line"></circle>
129+
<circle cx="214" cy="115" r="4" class="inner-line"></circle>
130+
<circle cx="214" cy="185" r="4" class="inner-line"></circle>
131+
<circle cx="152" cy="220" r="4" class="inner-line"></circle>
132+
<circle cx="84" cy="185" r="4" class="inner-line"></circle>
133+
<circle cx="84" cy="115" r="4" class="inner-line"></circle>
134+
</svg>
135+
</div>
136+

‎static/assets/aws@3x.png

48.8 KB
Loading

‎static/assets/c++@3x.png

23.9 KB
Loading

‎static/assets/cloudstack@3x.png

49.1 KB
Loading

‎static/assets/gce@3x.png

42.7 KB
Loading

‎static/assets/java@3x.png

24.8 KB
Loading

‎static/assets/k8s@3x.png

51.3 KB
Loading

‎static/assets/linux@3x.png

30.6 KB
Loading

‎static/assets/more@3x.png

26.1 KB
Loading

‎static/assets/php@3x.png

31.2 KB
Loading

‎static/assets/python@3x.png

33.6 KB
Loading

‎static/assets/qingcloud@3x.png

50.1 KB
Loading

‎static/assets/vmware@3x.png

49 KB
Loading

‎static/assets/windows@3x.png

33.6 KB
Loading

0 commit comments

Comments
 (0)