You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by zh...@apache.org on 2021/04/24 03:12:06 UTC
[skywalking-website] branch master updated: Display Event popover
for SkyWalkingDay Conference 2021 (#259)
This is an automated email from the ASF dual-hosted git repository.
zhangjuntao pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
The following commit(s) were added to refs/heads/master by this push:
new 2621154 Display Event popover for SkyWalkingDay Conference 2021 (#259)
2621154 is described below
commit 26211549d8cbd31c26fad94be5e96e909c5effaa
Author: Juntao Zhang <jt...@163.com>
AuthorDate: Sat Apr 24 11:12:01 2021 +0800
Display Event popover for SkyWalkingDay Conference 2021 (#259)
* SkyWalkingDay
* replace img
* styles
* for preview
---
README.md | 4 ++--
content/events/skywalkingday-2021/index.md | 2 +-
static/images/skywalking_200x200.png | Bin 0 -> 6256 bytes
themes/docsy/assets/scss/_event-popup.scss | 13 +++++++++--
themes/docsy/layouts/partials/event-popup.html | 30 ++++++++++---------------
5 files changed, 26 insertions(+), 23 deletions(-)
diff --git a/README.md b/README.md
index cb282fa..e822701 100755
--- a/README.md
+++ b/README.md
@@ -40,7 +40,7 @@ description: This is description.
# endDate: 2021-04-24T23:59:59
# startDate: 2021-04-22T00:00:00
# buttonText: Go
-# img: /images/popup_default.png
+# img: /images/skywalking_200x200.png
---
Content
@@ -53,7 +53,7 @@ If you want to display the event in the bottom right popover, you can configure
|endDate|End date|true|-|
|startDate|Start date|false|Current time|
|buttonText|Button text|false|Read more|
-|img|The illustration|false|/images/popup_default.png|
+|img|The illustration|false|/images/skywalking_200x200.png|
### Blog
diff --git a/content/events/skywalkingday-2021/index.md b/content/events/skywalkingday-2021/index.md
index c554f48..0658274 100644
--- a/content/events/skywalkingday-2021/index.md
+++ b/content/events/skywalkingday-2021/index.md
@@ -3,7 +3,7 @@ title: "SkyWalkingDay Conference 2021"
date: 2021-04-20
author: SkyWalking Team
description: Apache SkyWalking hosts SkyWalkingDay Conference 2021 in June 12th, jointly with Tencent and Tetrate.
-
+endDate: 2021-06-12T23:59:59
---
## Abstract
diff --git a/static/images/skywalking_200x200.png b/static/images/skywalking_200x200.png
new file mode 100644
index 0000000..8f0a151
Binary files /dev/null and b/static/images/skywalking_200x200.png differ
diff --git a/themes/docsy/assets/scss/_event-popup.scss b/themes/docsy/assets/scss/_event-popup.scss
index 8f14e6f..34e5124 100644
--- a/themes/docsy/assets/scss/_event-popup.scss
+++ b/themes/docsy/assets/scss/_event-popup.scss
@@ -27,7 +27,7 @@
overflow: auto;
z-index: 1100;
outline: 0;
- width: 330px;
+ width: 440px;
max-width: 100%;
.sky-pop-modal {
@@ -60,17 +60,26 @@
}
}
}
+ .pic-wrapper{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100px;
+ }
.pic {
border: none;
+ height: auto;
+ max-width: 100px;
}
}
.content-box {
- padding: 0px 20px;
+ padding: 0px 20px 0 10px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
+ width: 340px;
}
.title {
diff --git a/themes/docsy/layouts/partials/event-popup.html b/themes/docsy/layouts/partials/event-popup.html
index 2d10e8f..4a5c9ce 100644
--- a/themes/docsy/layouts/partials/event-popup.html
+++ b/themes/docsy/layouts/partials/event-popup.html
@@ -12,30 +12,26 @@
<div
class="sky-event-popup"
- style=" width: 440px"
data-startdate="{{.Params.startDate}}"
data-enddate="{{.Params.endDate}}"
>
<div class="sky-pop-modal">
<i class="fa fa-window-close"></i>
+ <div class="pic-wrapper">
+ <img
- <img
- width="100"
- height="180"
- {{if $bg}}
- src="{{$bg}}"
- {{else}}
- src="/images/popup_default.png"
- {{end}}
- class="pic"
- alt="event"
- />
+ {{if $bg}}
+ src="{{$bg}}"
+ {{else}}
+ src="/images/skywalking_200x200.png"
+ {{end}}
+ class="pic"
+ alt="event"
+ />
+ </div>
- <div
- class="content-box"
- style=" padding-left: 20px"
- >
+ <div class="content-box">
<div>
<h3 class="title">{{ .LinkTitle }}</h3>
<p class="content-text">
@@ -58,7 +54,5 @@
</div>
{{ end }}
{{ end }}
-
{{ end }}
-
{{ end }}