diff --git a/assets/scss/user-group.scss b/assets/scss/user-group.scss index 68c88838f..acdd8d3dd 100644 --- a/assets/scss/user-group.scss +++ b/assets/scss/user-group.scss @@ -104,7 +104,7 @@ .innerBox { position: relative; - width: 293px; + width: 232px; height: 300px; border-radius: 10px; background: #FFFFFF; @@ -118,7 +118,7 @@ width: 100%; height: 100%; z-index: 10; - padding: 32px 24px 32px 32px; + padding: 24px 19px 24px 24px; display: flex; flex-direction: column; justify-content: space-between; @@ -192,92 +192,102 @@ z-index: -1; } - .imageList { - margin-left: 13px; - display: flex; - flex-direction: row; - flex: 1; + .imageBox{ + overflow: hidden; - .normalPic { - display: block; - box-sizing: border-box; - width: 212px; - height: 300px; - border-radius: 10px; - // background: #C4C4C4; - padding: 20px; - overflow: hidden; - position: relative; - z-index: 0; - transition-delay: .2s; - transition-duration: .5s; - - img { - position: absolute; - border-radius: 10px; - width: 383px; + .imageList { + width: 1140px; + margin-left: 20px; + display: flex; + flex-direction: row; + justify-content: flex-start; + flex: 1; + + .normalPic { + display: block; + box-sizing: border-box; + width: 212px; height: 300px; - top: 0px; - left: 0px; - z-index: -1; - } - - .nameText { - text-align: center; - width: 60px; - height: 24px; - background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 96.81%), #242E42; - box-shadow: 0px 8px 16px rgba(33, 43, 61, 0.2), 0px 10px 50px rgba(34, 43, 62, 0.1); - border-radius: 18px; - font-weight: 500; - font-size: 12px; - line-height: 24px; - color: #ffffff; - } - - .textBox { - position: absolute; - bottom: 0px; - left: 0px; - padding: 20px; - padding-bottom: 16px; - opacity: 0; - background: linear-gradient(180deg, rgba(23, 28, 52, 0) 0%, rgba(23, 28, 52, 0.8) 100%); border-radius: 10px; - - .title { - font-weight: 600; - font-size: 16px; + // background: #C4C4C4; + padding: 20px; + overflow: hidden; + position: relative; + z-index: 0; + transition: width .5s; + + img { + position: absolute; + border-radius: 10px; + width: 444px; + height: 300px; + top: 0px; + left: 0px; + z-index: -1; + transition: transform .5s; + } + + .nameText { + text-align: center; + width: 60px; + height: 24px; + background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 96.81%), #242E42; + box-shadow: 0px 8px 16px rgba(33, 43, 61, 0.2), 0px 10px 50px rgba(34, 43, 62, 0.1); + border-radius: 18px; + font-weight: 500; + font-size: 12px; line-height: 24px; - letter-spacing: -0.0444444px; - color: #FFFFFF; - margin-bottom: 8px; + color: #ffffff; } - - .des { - font-size: 14px; - line-height: 20px; - color: rgba(255, 255, 255, 0.8); + + .textBox { + position: absolute; + bottom: 0px; + left: 0px; + padding: 20px; + padding-bottom: 16px; + opacity: 0; + background: linear-gradient(180deg, rgba(23, 28, 52, 0) 0%, rgba(23, 28, 52, 0.8) 100%); + border-radius: 10px; + + .title { + font-weight: 600; + font-size: 16px; + line-height: 24px; + letter-spacing: -0.0444444px; + color: #FFFFFF; + margin-bottom: 8px; + } + + .des { + font-size: 14px; + line-height: 20px; + color: rgba(255, 255, 255, 0.8); + } + } + + &:nth-child(even) { + margin: 0 20px; } - } - - &:nth-child(even) { - margin: 0 20px; - } - } - .pic-hover { - width: 380px; - cursor: pointer; - - .textBox { - opacity: 1; - transition-delay: .7s; - } - - .chengdu{ - left: 0px; - } + &:last-child{ + margin-right: 0px; + } + + &:hover { + width: 444px; + cursor: pointer; + + .textBox { + opacity: 1; + transition-delay: .6s; + } + + .chengdu { + left: 0px; + } + } + } } } } @@ -324,30 +334,33 @@ display: none; } - .imageList{ - flex-direction: column; - margin-left: 0px; - - .normalPic{ + .imageBox{ + .imageList{ width: 100%; + flex-direction: column; + margin-left: 0px; - img{ + .normalPic{ width: 100%; - height: auto; - } - .textBox{ - opacity: 1; - } - - &:nth-of-type(even){ - margin: 20px 0px; - } - - @media screen and (max-width: 421px) { img{ width: 100%; - height: 100%; + height: auto; + } + + .textBox{ + opacity: 1; + } + + &:nth-of-type(even){ + margin: 20px 0px; + } + + @media screen and (max-width: 421px) { + img{ + width: 100%; + height: 100%; + } } } } @@ -841,4 +854,14 @@ } } } +} + +.flex-end { + transform: translateX(-232px); + justify-content: flex-end !important; +} + +.flex-start { + transform: translateX(0px); + justify-content: flex-start !important; } \ No newline at end of file diff --git a/content/zh/user-group/guangzhou.md b/content/zh/user-group/guangzhou.md new file mode 100644 index 000000000..df0444b5f --- /dev/null +++ b/content/zh/user-group/guangzhou.md @@ -0,0 +1,102 @@ +--- +title: "用户委员会-广州站" +draft: true +weight: 4 +stationName: 广州站 +coverImage: /images/user-group/list/cityCards/guangzhou.png + +css: "scss/user-group-single.scss" + +topSection: + kubSphere: KubeSphere + committee: 社区用户委员会 + description: KubeSphere 社区用户委员会—广州站，成立于 2021 年 5 月 15 日，是由活跃在广州的 KubeSphere 社区用户和成员组成的。初创核心成员 4 人。 + image: /images/user-group/guangzhou/banner.png + mobile_image: /images/user-group/guangzhou/m-banner.png + +station: + name_en: KubeSphere Community + name: + text1: 申请加入 + text2: 社区用户委员会—广州站 + description: + - 不管你是否是 KubeSphere 的用户，只要你对云原生技术感兴趣，对组织活动有热情，对发展 KubeSphere 社区有想法，即可申请加入 KubeSphere 社区上海用户委员会。 + - 如果你想加入 KubeSphere 社区用户委员会—上海站，成为其中的一名委员（成员），为发展 KubeSphere 社区贡献自己的一份力量，可添加上海站站长微信申请，并可加入 KubeSphere 开源社区上海站微信群。 + manager: + name: 张海立 + image: /images/user-group/shanghai/zhanghaili.png + wxCode: /images/user-group/shanghai/zhanghailivx.jpeg + position: 广州站站长 + icon: /images/user-group/guangzhou/guangzhou.svg + icon_name: KubeSphere 社区用户委员会 + station_name: "- 广州站 -" + +returns: + title: 为什么加入我们？ + list: + - text: 结识更多的云原生领域的技术大牛、志同道合的朋友 + bg: /images/user-group/list/returns/bg1.svg + + - text: 提升自身在云原生领域的知名度，拓宽学习和交流云原生技术的渠道 + bg: /images/user-group/list/returns/bg2.svg + + - text: 提升自身多项能力：交流沟通能力、组织协调能力等 + bg: /images/user-group/list/returns/bg3.svg + + - text: KubeSphere 社区周边纪念礼品、社区认证证书及社区 Title + bg: /images/user-group/list/returns/bg4.svg + +members: + title: 核心成员 + list: + - name: 张海立 + position: 站长 + des: 驭势科技云平台研发总监，开源爱好者，云原生社区上海站 PMC 成员，KubeSphere Ambassador；日常云原生领域工作涉及 Kubernetes、DevOps、可观察性、服务网格等。 + image: /images/user-group/shanghai/zhanghaili.png + + - name: 申红磊 + position: 副站长 + des: 关注内容：容器、DevSecOps 领域、Spring Cloud、Istio 以及微服务中间件；行业解决方案和发展趋势，云上架构的规划与设计，微服务方案与咨询等。 + image: /images/user-group/shanghai/shl.png + + - name: 刘德涵 + position: 委员 + des: 韵达科技资深运维，Docker，Linux、Kubernetes 运维，Devops，CI/CD，微服务应用部署，链路监控、helm，基础架构设计，快速定位运维相关问题，多年的运维操作经验，协助社区成员解决相关问题。 + image: /images/user-group/shanghai/liudehan.jpeg + + - name: 张浩飞 + position: 委员 + des: 现在任职高级运维工程师，负责公司 K8s 的搭建，维护，与新技术的探索。 + image: /images/user-group/shanghai/zhanghaofei.jpeg + +activities: + videos: + - image: https://pek3b.qingstor.com/kubesphere-community/images/driverless-cic-cover.png + link: https://kubesphere.com.cn/live/driverless-cic/ + + - image: https://pek3b.qingstor.com/kubesphere-community/images/uisee0916-live-cover.png + link: https://kubesphere.com.cn/live/uisee0916-live/ + + - image: https://pek3b.qingstor.com/kubesphere-community/images/uisee0923-live-cover.png + link: https://kubesphere.com.cn/live/uisee0923-live/ + + - image: https://pek3b.qingstor.com/kubesphere-community/images/mqtt1230-live-cover.png + link: https://kubesphere.com.cn/live/mqtt1230-live/ + + review: + - text: 在 KubeSphere 中快速部署使用 GitLab 并构建 DevOps 项目 + description: 本次分享将和大家一起动手来实践一下在 KubeSphere 部署 GitLab CE（Community Edition 社区版）并构建与之联动的 DevOps 项目。 + link: https://kubesphere.com.cn/blogs/kubesphere-gitlab-devops/ + + - text: 在 Kubernetes 中安装和使用 Apache APISIX Ingress 网关 + description: 通过 KubeSphere 的应用管理能力快速使用 Apache APISIX Ingress Controller + link: https://kubesphere.com.cn/blogs/use-apache-apisix-ingress-in-kubesphere/ + + - text: 在 Kubernetes 中部署云原生开发工具 Nocalhost + description: 本文将介绍如何在 KubeSphere 中快速部署 Nocalhost Server，用于提供一个帮助研发团队统一管理 Nocalhost 应用部署的管理平台。 + link: https://kubesphere.com.cn/blogs/kubesphere-nocalhost/ + + - text: 面向无人驾驶“云端大脑”可用性的云原生实践 + description: 本次分享介绍了驭势科技使用 KubeSphere 的历程，在云服务高可用方面自制 Operator 实现热备切换的工作，以及基于 SkyWalking 进行车云链路追踪的一些实践。 + link: https://kubesphere.com.cn/case/uisee/ +--- \ No newline at end of file diff --git a/layouts/user-group/list.html b/layouts/user-group/list.html index 6b8bf0a76..28ae638c5 100644 --- a/layouts/user-group/list.html +++ b/layouts/user-group/list.html @@ -42,18 +42,21 @@ {{ end }} -
- {{ range $Pages }} +
+
+
@@ -103,89 +106,89 @@
{{ with .conditions }} -
- -
- {{ .text }} - - {{ range .description }} - - {{ .head }} {{ .link.text }}{{ .tail }} - - {{ end }} - -
-
-
-
- - {{ .text }} -
+
+ +
+ {{ .text }} {{ range .description }} - - {{ .head }} {{ .link.text }}{{ .tail }} - + + {{ .head }} {{ .link.text }}{{ .tail }} + {{ end }}
+
+
+
+ + {{ .text }} +
+ + {{ range .description }} + + {{ .head }} {{ .link.text }}{{ .tail }} + + {{ end }} + +
{{ end }} {{ with .apply }} -
- -
- {{ .text }} - {{ with .des }} - - {{ .head }} {{ .link.text }}{{ .tail }} - - {{ end }} -
-
- -
-
- - {{ .text }} - -
+
+ +
+ {{ .text }} {{ with .des }} - - {{ .head }} {{ .link.text }}{{ .tail }} - + + {{ .head }} {{ .link.text }}{{ .tail }} + {{ end }}
+
+ +
+
+ + {{ .text }} + +
+ {{ with .des }} + + {{ .head }} {{ .link.text }}{{ .tail }} + + {{ end }} +
{{ end }} {{ with .requirements }} -
- -
- {{ .text }} - - {{ range .des }} - - {{ .head }}{{ .link.text }}{{.tail}} - - {{ end }} - -
-
- -
-
- - {{ .text }} -
-
    +
    + +
    + {{ .text }} + {{ range .des }} -
  1. - {{ .head }}{{ .link.text }}{{.tail}} -
    2. - {{ end }} -
+ + {{ .head }}{{ .link.text }}{{.tail}} + + {{ end }} +
+
+ +
+
+ + {{ .text }} +
+
    + {{ range .des }} +
  1. + {{ .head }}{{ .link.text }}{{.tail}} +
    2. + {{ end }} +
+
{{ end }}
@@ -200,10 +203,10 @@

{{ .title }}

{{ range .list }} -
- {{ .text }} - -
+
+ {{ .text }} + +
{{ end }}
@@ -214,15 +217,21 @@ {{ end }} \ No newline at end of file diff --git a/static/images/user-group/guangzhou/banner.png b/static/images/user-group/guangzhou/banner.png new file mode 100644 index 000000000..56c2cf03b Binary files /dev/null and b/static/images/user-group/guangzhou/banner.png differ diff --git a/static/images/user-group/guangzhou/guangzhou.svg b/static/images/user-group/guangzhou/guangzhou.svg new file mode 100644 index 000000000..6eed9636f --- /dev/null +++ b/static/images/user-group/guangzhou/guangzhou.svg @@ -0,0 +1,416 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/user-group/guangzhou/heshaohui.jpg b/static/images/user-group/guangzhou/heshaohui.jpg new file mode 100644 index 000000000..17b264b10 Binary files /dev/null and b/static/images/user-group/guangzhou/heshaohui.jpg differ diff --git a/static/images/user-group/guangzhou/huangshihao.jpeg b/static/images/user-group/guangzhou/huangshihao.jpeg new file mode 100644 index 000000000..e50ea4912 Binary files /dev/null and b/static/images/user-group/guangzhou/huangshihao.jpeg differ diff --git a/static/images/user-group/guangzhou/hutao.jpeg b/static/images/user-group/guangzhou/hutao.jpeg new file mode 100644 index 000000000..160a2a73f Binary files /dev/null and b/static/images/user-group/guangzhou/hutao.jpeg differ diff --git a/static/images/user-group/guangzhou/louju.jpg b/static/images/user-group/guangzhou/louju.jpg new file mode 100644 index 000000000..630b00efc Binary files /dev/null and b/static/images/user-group/guangzhou/louju.jpg differ diff --git a/static/images/user-group/guangzhou/m-banner.png b/static/images/user-group/guangzhou/m-banner.png new file mode 100644 index 000000000..b3fe7aab2 Binary files /dev/null and b/static/images/user-group/guangzhou/m-banner.png differ diff --git a/static/images/user-group/guangzhou/wxCode.png b/static/images/user-group/guangzhou/wxCode.png new file mode 100644 index 000000000..cb54309b4 Binary files /dev/null and b/static/images/user-group/guangzhou/wxCode.png differ diff --git a/static/images/user-group/guangzhou/zhouzhengjun.jpg b/static/images/user-group/guangzhou/zhouzhengjun.jpg new file mode 100644 index 000000000..da5f3796b Binary files /dev/null and b/static/images/user-group/guangzhou/zhouzhengjun.jpg differ diff --git a/static/images/user-group/guangzhou/zhouzhengjunvx.jpeg b/static/images/user-group/guangzhou/zhouzhengjunvx.jpeg new file mode 100644 index 000000000..72b169354 Binary files /dev/null and b/static/images/user-group/guangzhou/zhouzhengjunvx.jpeg differ diff --git a/static/images/user-group/list/cityCards/chengdu.png b/static/images/user-group/list/cityCards/chengdu.png index 5af073741..dc440b7fc 100644 Binary files a/static/images/user-group/list/cityCards/chengdu.png and b/static/images/user-group/list/cityCards/chengdu.png differ diff --git a/static/images/user-group/list/cityCards/guangzhou.png b/static/images/user-group/list/cityCards/guangzhou.png new file mode 100644 index 000000000..a1be0682b Binary files /dev/null and b/static/images/user-group/list/cityCards/guangzhou.png differ diff --git a/static/images/user-group/list/cityCards/hangzhou.png b/static/images/user-group/list/cityCards/hangzhou.png index 1141bd07c..a8a18bca3 100644 Binary files a/static/images/user-group/list/cityCards/hangzhou.png and b/static/images/user-group/list/cityCards/hangzhou.png differ diff --git a/static/images/user-group/list/cityCards/shanghai.png b/static/images/user-group/list/cityCards/shanghai.png index 2faa16fbd..d4829418c 100644 Binary files a/static/images/user-group/list/cityCards/shanghai.png and b/static/images/user-group/list/cityCards/shanghai.png differ