feat: 引导内容修改与调整

HXSecurity · Sep 12, 2024 · b5c35fd · b5c35fd
1 parent 635f3f3
commit b5c35fd
Show file tree

Hide file tree

Showing 13 changed files with 155 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -3,3 +3,13 @@
 [![Netlify Status](https://api.netlify.com/api/v1/badges/7c893944-b841-4547-8340-ce593a43b9a3/deploy-status)](https://app.netlify.com/sites/dongtai-io/deploys)
 
 DongTai-website
+
+# hugo 使用流程
+
+- 安装地址
+
+> https://github.com/gohugoio/hugo/releases/tag/v0.99.1
+
+启动项目：hogo serve 启动成功会给出一个localhost:1313 本地访问的服务
+
+打包项目：hogo 编译项目生成public文件
diff --git a/config/_default/menus.zh.toml b/config/_default/menus.zh.toml
@@ -30,10 +30,7 @@ name = "关于我们"
 url = "about/"
 weight = 6
 
-[[main]]
-parent = "关于我们"
-name = "公司简介"
-url = "about"
+
 
 [[main]]
 parent = "关于我们"

diff --git a/config/_default/params.toml b/config/_default/params.toml
@@ -35,6 +35,7 @@ link = "https://mp.weixin.qq.com/s/Z9NWJp8f1fscoQrY1W2X8w"
 enable = true
 label = ""
 link = "/business/"
+guide = "images/guide.png"
 
 
 #[navigation_button_linked]

diff --git a/static/images/guide.png b/static/images/guide.png
diff --git a/static/images/ty-book.png b/static/images/ty-book.png
diff --git a/static/images/ty.pdf b/static/images/ty.pdf
diff --git a/themes/copper-hugo/exampleSite/config/_default/params.toml b/themes/copper-hugo/exampleSite/config/_default/params.toml
@@ -7,6 +7,7 @@ apple_touch_icon = "images/favicon.png"
 # logo
 logo_text = "Copper"
 logo = "images/logo.png"
+guide = "images/guide.png"
 logo_width = ""
 # OpenGraph / Twitter Card metadata
 description = "This is meta description"

diff --git a/themes/copper-hugo/exampleSite/static/images/guide.png b/themes/copper-hugo/exampleSite/static/images/guide.png
diff --git a/themes/copper-hugo/layouts/_default/about.html b/themes/copper-hugo/layouts/_default/about.html
@@ -3,7 +3,7 @@
 <!-- end of tools-use -->
 <!-- start of image-info -->
 {{ if .Params.about.enable }} {{ with .Params.about }}
-<section class="pb-50" data-aos="fade-in">
+<!-- <section class="pb-50" data-aos="fade-in">
  <div class="col-xl-16">
  {{ .title | markdownify}}
  </div>
@@ -19,9 +19,9 @@
  </div>
  </div>
  </div>
-</section>
+</section> -->
 
-<section class="section-padding image-info-section has-shapes bg-light-gray has-bg-brash bg-brash-y" style="background-image: url('{{`images/brushes/section-top.svg` | absURL}}'), url('{{`images/brushes/section-bottom.svg` | absURL}}');" data-aos="fade-in">
+<!-- <section class="section-padding image-info-section has-shapes bg-light-gray has-bg-brash bg-brash-y" style="background-image: url('{{`images/brushes/section-top.svg` | absURL}}'), url('{{`images/brushes/section-bottom.svg` | absURL}}');" data-aos="fade-in">
  <div class="col-xl-16">
  <h2 class="section-title" style="text-align:center;margin: 36px 0">联系我们
  </h2>
@@ -86,7 +86,7 @@ <h2 class="section-title" style="text-align:center;margin: 36px 0">联系我们
  </div>
  </div>
  </div>
-</section>
+</section> -->
 <section class="pb-50" data-aos="fade-in">
  <h2 class="section-title" id="user" style="text-align:center;margin: 36px 0;">用户案例
  </h2>

diff --git a/themes/copper-hugo/layouts/_default/business.html b/themes/copper-hugo/layouts/_default/business.html
@@ -40,9 +40,15 @@
  <div class="col-lg-5 mt-5 mt-lg-0 p-20" style="box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);">
  <div style="letter-spacing: 3px; color: #212F3C; font-size: 24px; text-align: center;">企业版</div>
  <div class="input-group-append justify-content-center">
- <button class="btn btn-primary mt-20" style="padding:8px 12px;margin-bottom: 32px">
- <a href="https://wenjuan.feishu.cn/m/cfm?t=sBK3FH5yd0Hi-1s6u" target="_blank" style="color:#fff">
+ <button class="btn btn-primary btn-outline-primary-modal mt-20" style="padding:8px 12px;margin-bottom: 32px">
+ <!-- <a href="https://wenjuan.feishu.cn/m/cfm?t=sBK3FH5yd0Hi-1s6u" target="_blank" style="color:#fff">商业试用</a> -->
+ <a style="color:#fff">
  商业试用
+
+ <div class="download-buss1 border">
+ <p></p>
+ <img src="{{ "/images/guide.png" | relURL }}" alt="">
+ </div>
  </a>
  </button>
  </div>
@@ -66,6 +72,38 @@
  </div>
  </div>
 </section>
+<style>
+ .btn-outline-primary-modal {
+ position: relative;
+ }
+
+ .btn-outline-primary-modal:hover .download-buss1 {
+ display: block;
+ }
+
+ .download-buss1 {
+ display: none;
+ text-align: center;
+ border-radius: 4px;
+ padding: 24px;
+ width: 260px;
+ position: absolute;
+ left: -88px;
+ top: 48px;
+ background: #fff;
+ color:rgb(34, 34, 34);
+ }
+
+ .download-buss1 img {
+ width: 140px;
+ height: 140px;
+ padding: 4px;
+ }
+
+ .download-buss1 p {
+ font-size: 12px;
+ }
+</style>
 {{ end }}
 {{ end }}
 

diff --git a/themes/copper-hugo/layouts/index.html b/themes/copper-hugo/layouts/index.html
@@ -43,8 +43,14 @@ <h2 class="h1 mb-20">{{ .title | markdownify }}</h2>
 
  <div class="divider-text mt-25 mb-25"><span class="bg-light-gray">OR</span></div>
  {{ end }} {{ end }} {{ if .button.enable }} {{ with .button }}
- <a href="{{.link | absLangURL}}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center" style="background-color: #FFD55A">
- {{with .icon}} <img loading="lazy" class="mr-2" src="{{ . }}">{{end}} {{.label}}</a>
+ <!-- <a href="{{.link | absLangURL}}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center btn-outline-primary-modal" style="background-color: #FFD55A"> -->
+ <a class="btn btn-outline-secondary d-flex align-items-center justify-content-center btn-outline-primary-modal" style="background-color: #FFD55A">
+ {{with .icon}} <img loading="lazy" class="mr-2" src="{{ . }}">{{end}} {{.label}}
+ <div class="download-buss border">
+ <p></p>
+ <img src="/images/guide.png" alt="">
+ </div>
+ </a>
 
  <p class="content has-underdot-link text-black-700 mt-15">{{ .content | markdownify }}</p>
  {{ end }} {{ end }}
@@ -339,14 +345,23 @@ <h2 class="section-title">{{ .title | markdownify }}</h2>
  <p>{{ .content | markdownify }}</p>
  </div>
  </div>
- <div class="row" style="border-bottom: 1px solid #DEE2E6;padding: 22px 16px;position: relative;">
+ <!-- <div class="row" style="border-bottom: 1px solid #DEE2E6;padding: 22px 16px;position: relative;">
  <div style="display: flex;justify-content: space-between;align-items: center;flex:1;"><span> 洞态白皮书</span> <span class="rowDownload" style="border: 2px solid #33A9AC;border-radius: 4px;padding:4px 40px;cursor: pointer;">下载
  <div class="download border">
  <p>洞态白皮书申请</p>
  <img src="{{ .whiteBook | absURL }}" alt="">
  <p>填写并提交问卷后即可下载</p>
  </div>
  </span></div>
+ </div> -->
+ <div class="row" style="border-bottom: 1px solid #DEE2E6;padding: 22px 16px;position: relative;">
+ <div style="display: flex;justify-content: space-between;align-items: center;flex:1;"><span> 《IAST金融行业专刊——基调听云》</span> <span class="rowDownload" style="border: 2px solid #33A9AC;border-radius: 4px;padding:4px 40px;cursor: pointer;">下载
+ <div class="download border">
+ <p>《IAST金融行业专刊——基调听云》申请</p>
+ <img src="/images/ty-book.png" alt="">
+ <p>填写并提交问卷后即可下载</p>
+ </div>
+ </span></div>
  </div>
  <div class="row" style="border-bottom: 1px solid #DEE2E6;padding: 22px 16px;position: relative;">
 
@@ -402,5 +417,38 @@ <h2 class="section-title">{{ .title | markdownify }}</h2>
  /* 2 */
  color: #33A9AC;
  }
+
+ .btn-outline-primary-modal {
+ position: relative;
+ z-index: 2;
+ }
+
+ .btn-outline-primary-modal:hover .download-buss {
+ display: block;
+ }
+
+ .download-buss {
+ display: none;
+ text-align: center;
+ border-radius: 4px;
+ padding: 24px;
+ width: 260px;
+ position: absolute;
+ right: 100px;
+ top: -196px;
+ background: #fff;
+ color: rgb(34, 34, 34);
+ z-index: 1000;
+ }
+
+ .download-buss img {
+ width: 140px;
+ height: 140px;
+ padding: 4px;
+ }
+
+ .download-buss p {
+ font-size: 12px;
+ }
 </style>
 {{ end }} {{ end }} {{ end }}
diff --git a/themes/copper-hugo/layouts/partials/footer.html b/themes/copper-hugo/layouts/partials/footer.html
@@ -88,10 +88,10 @@ <h5 class="font-weight-600">{{ i18n "subscribe"}}</h5>
  {{ end }}
  {{ end }} -->
 
- <div class="col-lg-4 col-md-6">
+ <!-- <div class="col-lg-4 col-md-6">
  <div class="pl-0 pl-lg-4 mt-5 mt-lg-0">
  <h5 class="font-weight-600">{{ i18n "contact_wechat"}}</h5>
- <!-- <h5 class="font-weight-600">联 系 我 们</h5> -->
+ <h5 class="font-weight-600">联 系 我 们</h5>
  <div style="display: flex;text-align: center;">
  <div>
  <img src="/images/qrcode/HuoXian.svg" alt="DongTaiQRCode" width="150">
@@ -103,7 +103,7 @@ <h5 class="font-weight-600">{{ i18n "contact_wechat"}}</h5>
  </div>
  </div>
  </div>
- </div>
+ </div> -->
 
  </div>
  </div>

diff --git a/themes/copper-hugo/layouts/partials/header.html b/themes/copper-hugo/layouts/partials/header.html
@@ -1,5 +1,5 @@
 {{ "<!-- navigation -->" | safeHTML }}
-<header class="header-nav position-relative {{.Scratch.Get `bg`}}">
+<header class="header-nav position-relative {{.Scratch.Get `bg`}}" >
  <div class="container">
  <nav class="navbar navbar-expand-xl navbar-light px-0">
  <a class="navbar-brand p-0" href="{{ site.BaseURL | relLangURL }}">
@@ -78,15 +78,22 @@
  {{ with site.Params.business_button_bordered}}
  {{ if .enable }}
  <a style="margin-right: 12px;" {{if .link}}href="{{.link | relLangURL}}" target="_blank" {{else}}data-toggle="modal" data-target="#signup-modal" {{end}}
- class="btn btn-sm btn-outline-primary">{{i18n "business"}}</a>
+ class="btn btn-sm btn-outline-primary btn-outline-primary-modal">
+ <!-- <a style="margin-right: 12px;" {{if .link}}href="{{.link | relLangURL}}" target="_blank" {{else}}data-toggle="modal" data-target="#signup-modal" {{end}}
+ class="btn btn-sm btn-outline-primary btn-outline-primary-modal"> -->
+ {{i18n "business"}}
+ <!-- <div class="download-buss border">
+ <p></p>
+ <img src="{{ .guide | relURL }}" alt="">
+ </div> -->
+ </a>
  {{ end }}
  {{ end }}
 
-
  {{ with site.Params.navigation_button_bordered}}
  {{ if .enable }}
- <a {{if .link}}href="{{.link | relLangURL}}" target="_blank" {{else}}data-toggle="modal" data-target="#signup-modal" {{end}}
- class="btn btn-sm btn-outline-primary">{{i18n "hiring"}}</a>
+ <!-- <a {{if .link}}href="{{.link | relLangURL}}" target="_blank" {{else}}data-toggle="modal" data-target="#signup-modal" {{end}}
+ class="btn btn-sm btn-outline-primary">{{i18n "hiring"}}</a> -->
  {{ end }}
  {{ end }}
 
@@ -186,4 +193,36 @@ <h4 class="modal-title font-weight-bold">Welcome back</h4>
  </div>
  </div>
 </div>
+<!-- <style>
+ .btn-outline-primary-modal {
+ position: relative;
+ }
+
+ .btn-outline-primary-modal:hover .download-buss {
+ display: block;
+ }
+
+ .download-buss {
+ display: none;
+ text-align: center;
+ border-radius: 4px;
+ padding: 24px;
+ width: 260px;
+ position: absolute;
+ right: -48px;
+ top: 48px;
+ background: #fff;
+ color:rgb(34, 34, 34);
+ }
+
+ .download-buss img {
+ width: 140px;
+ height: 140px;
+ padding: 4px;
+ }
+
+ .download-buss p {
+ font-size: 12px;
+ }
+</style> -->
 <!-- login-modal -->