diff --git a/.gitignore b/.gitignore index 15b785ac043f011f2f634237147a0af446bf9753..7ae4a935957feb01333dd967d2473b7175e17df4 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,3 @@ public resources resources/_gen -.idea diff --git a/config.toml b/config.toml index 676e8182aa2be5de204870284566979d1c45e3ea..d221db045e3b474b7f449ec95d874d5317eebc52 100644 --- a/config.toml +++ b/config.toml @@ -131,6 +131,18 @@ paginate = 10 tags = true search = true +[params.cards] + enable = true + +[params.emails] + enable = true + +[params.news] + enable = true + +[params.events] + enable = true + [params.carousel] enable = true # All carousel items are defined in their own files. You can find example items diff --git a/content/events/linked-post.md b/content/events/linked-post.md new file mode 100644 index 0000000000000000000000000000000000000000..f2793d1b398ccf7f671c59f36168630ea7a109d4 --- /dev/null +++ b/content/events/linked-post.md @@ -0,0 +1,19 @@ ++++ +title = "Linked post" +date = "2015-10-02T21:49:20+02:00" +tags = ["golang", "programming", "theme", "hugo"] +categories = ["programming"] +banner = "img/banners/banner-4.jpg" +author = "John Doe" ++++ + +I'm a linked post in the menu. You can add other posts by adding the following line to the frontmatter: + + menu = "main" + + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mauris nulla, vestibulum vel auctor sed, posuere eu lorem. Aliquam consequat augue ut accumsan mollis. Suspendisse malesuada sodales tincidunt. Vivamus sed erat ac augue bibendum porta sed id ipsum. Ut mollis mauris eget ligula sagittis cursus. Aliquam id pharetra tellus. Pellentesque sed tempus risus. Proin id hendrerit ante. Vestibulum vitae urna ut mauris ultricies dignissim. Ut ante turpis, tristique vitae sagittis quis, sagittis nec diam. Fusce pulvinar cursus porta. Vivamus maximus leo dolor, ut pellentesque lorem fringilla nec. Mauris faucibus turpis posuere sapien euismod, a ullamcorper mi maximus. + +Morbi varius ex vel justo dictum placerat. Sed ac arcu pretium, varius elit eget, gravida purus. Fusce sit amet massa mollis eros tincidunt sollicitudin. Suspendisse iaculis cursus mauris ut sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas elit ligula, molestie quis magna eu, semper posuere lorem. Mauris a justo pharetra, congue ex eget, tincidunt massa. Maecenas sit amet neque lorem. + +Curabitur at elementum quam. Curabitur tristique elit non sapien aliquam vulputate. Vivamus in odio tincidunt, tempor sem quis, tincidunt lacus. Mauris pulvinar nunc sed tempus dictum. Nam vel arcu quis mi fermentum ullamcorper non ac lacus. Donec aliquet vitae ante at imperdiet. Aenean scelerisque venenatis urna, eget elementum risus convallis ac. Nullam gravida arcu lacus, non consectetur augue pretium non. Duis dignissim eros id urna pretium congue. Nullam eu magna in sem sollicitudin tempor. Pellentesque vel convallis ligula. Quisque semper, turpis a rhoncus efficitur, magna nibh iaculis elit, eget tempor dolor eros ut mi. Maecenas eu placerat lacus. Praesent congue pretium nulla, sed suscipit metus rutrum vel. diff --git a/data/cards/1.yaml b/data/cards/1.yaml new file mode 100644 index 0000000000000000000000000000000000000000..718cd8037961b21cf750758c41565377350a1f58 --- /dev/null +++ b/data/cards/1.yaml @@ -0,0 +1,3 @@ +image: img/1.svg +title: Contribution +description: Easy to use operating system for laptop and desktop computers diff --git a/data/cards/2.yaml b/data/cards/2.yaml new file mode 100644 index 0000000000000000000000000000000000000000..704ad8a8a5e34609e7328d341214a040c0623f54 --- /dev/null +++ b/data/cards/2.yaml @@ -0,0 +1,3 @@ +image: img/2.svg +title: Get Start +description: We puts you in control of all your infrastructure and services diff --git a/data/cards/3.yaml b/data/cards/3.yaml new file mode 100644 index 0000000000000000000000000000000000000000..d4f3522b8728b947ca56bbdbb0253552d65d1e77 --- /dev/null +++ b/data/cards/3.yaml @@ -0,0 +1,3 @@ +image: img/3.svg +title: Cooperation +description: We provides a trusted open source platform as a strong foundation diff --git a/data/cards/4.yaml b/data/cards/4.yaml new file mode 100644 index 0000000000000000000000000000000000000000..3f52a1483272424d9793fb180a8dabb54bc665f0 --- /dev/null +++ b/data/cards/4.yaml @@ -0,0 +1,3 @@ +image: img/4.svg +title: Application Development +description: We are always free for anyone to use, modify and development diff --git a/data/emails/1.yaml b/data/emails/1.yaml new file mode 100644 index 0000000000000000000000000000000000000000..72f9d6b18f7ae06b657debf5ed370c2c13538296 --- /dev/null +++ b/data/emails/1.yaml @@ -0,0 +1,3 @@ +emailaddress: "development@huawei.com" +description: "Developers discuss the mailboxes used" +buttontext: "Subscription" diff --git a/data/emails/2.yaml b/data/emails/2.yaml new file mode 100644 index 0000000000000000000000000000000000000000..c7fd1eca79acf24bcd670e2d61fda99cc5f7ba13 --- /dev/null +++ b/data/emails/2.yaml @@ -0,0 +1,3 @@ +emailaddress: "user@huawei.com" +description: "Users discuss the mailboxes used" +buttontext: "Subscription" diff --git a/themes/project/layouts/index.html b/themes/project/layouts/index.html index fac2cb56c6c098664397749f4754d02967ac2be3..ff645598e1f3317aa0c73774ca7456717c16e9d6 100644 --- a/themes/project/layouts/index.html +++ b/themes/project/layouts/index.html @@ -15,15 +15,13 @@ - {{ partial "carousel.html" . }} + {{ partial "cards.html" . }} + + {{ partial "reason.html" . }} - {{ partial "features.html" . }} + {{ partial "emails.html" . }} - {{ partial "testimonials.html" . }} - - {{ partial "see_more.html" . }} - - {{ partial "recent_posts.html" . }} + {{ partial "action.html" . }} {{ partial "clients.html" . }} diff --git a/themes/project/layouts/partials/action.html b/themes/project/layouts/partials/action.html new file mode 100644 index 0000000000000000000000000000000000000000..8cc3b37b0e65813131311be80798bb3366eb0e3d --- /dev/null +++ b/themes/project/layouts/partials/action.html @@ -0,0 +1,6 @@ +
+
+ {{ partial "news.html" . }} + {{ partial "events.html" . }} +
+
\ No newline at end of file diff --git a/themes/project/layouts/partials/cards.html b/themes/project/layouts/partials/cards.html new file mode 100644 index 0000000000000000000000000000000000000000..065042f0930fbe6fafa1100120edcbd1fe6482d8 --- /dev/null +++ b/themes/project/layouts/partials/cards.html @@ -0,0 +1,27 @@ +{{ if isset .Site.Params "cards" }} +{{ if .Site.Params.cards.enable }} +{{ if gt (len .Site.Data.cards) 0 }} +
+
+
+

Welcome to openEulerOS

+

The openEulerOS Project is a community-driven free software effort focused on delivering a robust + open source ecosystem.

+
+
+
    + {{ range .Site.Data.cards }} +
  • + {{ .title }} +

    {{ .title }}

    +

    {{ .description }}

    +
    • + {{ end }} +
+
+
+
+ +{{ end }} +{{ end }} +{{ end }} diff --git a/themes/project/layouts/partials/emails.html b/themes/project/layouts/partials/emails.html new file mode 100644 index 0000000000000000000000000000000000000000..59ded8eb2dbcfe504554d01f84973ae84e485d99 --- /dev/null +++ b/themes/project/layouts/partials/emails.html @@ -0,0 +1,25 @@ +{{ if isset .Site.Params "emails" }} +{{ if .Site.Params.emails.enable }} +{{ if gt (len .Site.Data.emails) 0 }} +
+
+

E-mail Subscription

+ +
+
+ +{{ end }} +{{ end }} +{{ end }} diff --git a/themes/project/layouts/partials/events.html b/themes/project/layouts/partials/events.html new file mode 100644 index 0000000000000000000000000000000000000000..37c7b90c1411004fc371f230d4f2c194119feff4 --- /dev/null +++ b/themes/project/layouts/partials/events.html @@ -0,0 +1,24 @@ +{{ if isset .Site.Params "events" }} +{{ if .Site.Params.events.enable }} +
+

+ Upcoming Events +

more >

+

+ + +
+ +{{ end }} +{{ end }} diff --git a/themes/project/layouts/partials/news.html b/themes/project/layouts/partials/news.html new file mode 100644 index 0000000000000000000000000000000000000000..598cd815cb6e144d9c60b160dbfbd92c25b2cbc1 --- /dev/null +++ b/themes/project/layouts/partials/news.html @@ -0,0 +1,25 @@ +{{ if isset .Site.Params "news" }} +{{ if .Site.Params.news.enable }} + +
+

+ News +

more >

+

+ + +
+ +{{ end }} +{{ end }} diff --git a/themes/project/layouts/partials/reason.html b/themes/project/layouts/partials/reason.html new file mode 100644 index 0000000000000000000000000000000000000000..ca01e1aa8d51322ba60ab4fa969858abf27e85a6 --- /dev/null +++ b/themes/project/layouts/partials/reason.html @@ -0,0 +1,15 @@ +
+

Why openEulerOS

+
+
+

OpenEuler

+

An innovative, free, and open source platform

+
+
+

For users, we offer a consistent manageable platform that suits a wide variety of deployments. +

+

For open source communities, we offer a solid, predictable base to build upon, along with + extensive resources to build, test, release, and maintain their code.

+
+
+
\ No newline at end of file diff --git a/themes/project/static/css/custom.css b/themes/project/static/css/custom.css index e5630590de452f1b65b5cd46a00700acdac93739..31fa9c900a23c984eec8b185f3026d47461d4fd2 100644 --- a/themes/project/static/css/custom.css +++ b/themes/project/static/css/custom.css @@ -9,6 +9,220 @@ min-height: 230px; } +.bannernew { + background: url('../img/bannernew.jpg') no-repeat; + height: 500px; + background-size: cover; + position: relative; +} + +.bannernew .content { + display: flex; + flex-direction: column; + align-items: center; + padding-top: 90px; + color: #fff; +} +.bannernew .content h2 { + font-size: 62px; +} +.bannernew .content p { + width: 800px; + margin: 26px auto 0; + font-size: 24px; + text-align: center; + line-height: 36px; +} +.bannernew .cards { + padding: 0 270px; + width: 100%; + position: absolute; + left: 50%; + bottom: -25%; + transform: translate(-50%, 0%); +} +.bannernew .cards ul { + background: #fff; + box-shadow: 0 40px 45px 0 rgba(214, 228, 238, 0.5); + border-radius: 4px; + display: flex; + width: 100%; + justify-content: space-between; + padding: 5px 0; +} +.bannernew .cards ul li { + padding: 35px 16px; + text-align: center; +} +.bannernew .cards ul li h3 { + font-size: 20px; + color: #141414; + margin: 16px 0 24px; +} +.bannernew .cards ul li p { + font-size: 14px; + color: #666666; + line-height: 20px; +} +.bannernew .cards ul li:not(:last-child) { + border-right: 1px solid #E3E9EB; +} + +.bannernew ul { + list-style-type: none; +} + +.bannernew li { + list-style-type: none; +} + +.reason { + padding: 200px 30px 70px; +} +.reason h2 { + margin-bottom: 67px; + font-size: 40px; + color: #333333; + text-align: center; + line-height: 36px; +} +.reason .content_why { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1440px; + margin: 0 auto; +} +.reason .content_why .bg { + background: url('../img/flows.png') no-repeat; + height: 300px; + width: 500px; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: #FFFFFF; +} +.reason .content_why .bg h3 { + font-size: 59px; +} +.reason .content_why .bg p { + margin-top: 60px; + font-size: 18px; + line-height: 28px; +} +.reason .content_why .detail { + width: 540px; +} +.reason .content_why .detail p { + font-size: 20px; + color: #313131; + line-height: 30px; +} +.reason .content_why .detail p:nth-child(1) { + margin-bottom: 40px; +} + + +.e_mail { + background: url('../img/bg2.png') no-repeat; + height: 350px; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.e_mail h2 { + color: #fff; + margin-bottom: 53px; +} +.e_mail ul { + width: 40%; +} +.e_mail ul li { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 30px; +} +.e_mail ul li h3 { + font-size: 28px; + color: #FFFFFF; + line-height: 36px; +} +.e_mail ul li p { + margin-top: 8px; + font-size: 16px; + color: #FFFFFF; + line-height: 20px; +} +.e_mail ul li .btn { + background: #FFFFFF; + border-radius: 2px; + padding: 11px 18px; +} + +.action { + padding: 63px 30px 80px; +} +.action .active_box { + display: flex; + max-width: 1440px; + margin: 0 auto; +} +.action .active_box .active { + width: 47%; +} +.action .active_box .active:not(:last-child) { + margin-right: 50px; +} +.action .active_box .active h2 { + display: flex; + align-items: flex-end; + padding-bottom: 24px; + border-bottom: 1px solid #999; +} +.action .active_box .active h2 p { + margin-left: 26px; + font-size: 14px; + color: #3399FF; + line-height: 36px; + cursor: pointer; +} +.action .active_box .active ul li { + padding: 26px 5px 30px; + border-bottom: 1px solid #999; +} +.action .active_box .active ul li h6 { + display: flex; + align-items: flex-start; + margin-bottom: 6px; +} +.action .active_box .active ul li h6 span { + color: #666; + font-size: 14px; +} +.action .active_box .active ul li h6 i { + margin: 0 4px; + font-style: normal; +} +.action .active_box .active ul li p { + word-break: break-word; + font-size: 20px; + color: #333333; + line-height: 28px; +} + +.action li { + list-style-type: none; +} + +.action h2 { + font-size: 40px; +} + .align-center { align-items: center; } diff --git a/themes/project/static/img/1.svg b/themes/project/static/img/1.svg new file mode 100644 index 0000000000000000000000000000000000000000..3e3eb3d050b3e695a1032d7e45f7ddb206ba6ac2 --- /dev/null +++ b/themes/project/static/img/1.svg @@ -0,0 +1,11 @@ + + + + 形状 + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/themes/project/static/img/2.svg b/themes/project/static/img/2.svg new file mode 100644 index 0000000000000000000000000000000000000000..127f68f6ed9ac1f340bb44af3e3e65098bdee3b2 --- /dev/null +++ b/themes/project/static/img/2.svg @@ -0,0 +1,17 @@ + + + + 编组 7 + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/project/static/img/3.svg b/themes/project/static/img/3.svg new file mode 100644 index 0000000000000000000000000000000000000000..e65146a10e6f32f0dc5e1ca10bb491c8cea2f67e --- /dev/null +++ b/themes/project/static/img/3.svg @@ -0,0 +1,42 @@ + + + + 编组 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/project/static/img/4.svg b/themes/project/static/img/4.svg new file mode 100644 index 0000000000000000000000000000000000000000..d60c80adc1eea785e8c164813632b4247e3d3115 --- /dev/null +++ b/themes/project/static/img/4.svg @@ -0,0 +1,29 @@ + + + + settings_1236227_easyicon.net + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/project/static/img/bannernew.jpg b/themes/project/static/img/bannernew.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e112232ef0d69732df3a70c5610eff1cebade761 Binary files /dev/null and b/themes/project/static/img/bannernew.jpg differ diff --git a/themes/project/static/img/bg2.png b/themes/project/static/img/bg2.png new file mode 100644 index 0000000000000000000000000000000000000000..6800ba5aa4d80eb107a41ae890294b697587e022 Binary files /dev/null and b/themes/project/static/img/bg2.png differ diff --git a/themes/project/static/img/flows.png b/themes/project/static/img/flows.png new file mode 100644 index 0000000000000000000000000000000000000000..ce1250c54945af6ced3595bced233292e8d9bec9 Binary files /dev/null and b/themes/project/static/img/flows.png differ