浏览代码

Style and update tweaks

Fix update content not being markdowned, improve style of
update blocks.

Show pointer cursor hovering over the contact summary.

Remove picture from the hire me bit.
master
Chris Smith 5 年前
父节点
当前提交
c3b805cf89
共有 4 个文件被更改,包括 17 次插入27 次删除
  1. 8
    11
      site/layouts/partials/article.html
  2. 1
    1
      site/layouts/shortcodes/update.html
  3. 8
    15
      site/static/res/css/style.css
  4. 二进制
      site/static/res/images/profile.png

+ 8
- 11
site/layouts/partials/article.html 查看文件

@@ -8,17 +8,14 @@
8 8
   {{ .Content }}
9 9
 </article>
10 10
 <aside class="hire">
11
-	<img src="/res/images/profile.png" alt="Picture of Chris" width="100">
12
-	<div>
13
-		<h3>Need someone to help with {{ .Params.Area }}?</h3>
14
-		<p>
15
-			Hi, I'm Chris. Thanks for reading all the way through! If you or your
16
-			company need any help with any of the areas I've written about, I'm
17
-			available for hire as a freelance developer and consultant through my
18
-			company <a href="https://lunarian.uk">Lunarian Limited</a>. Just drop
19
-			me a line through the website, or using the feedback form below.
20
-		</p>
21
-	</div>
11
+	<h3>Need someone to help with {{ .Params.Area }}?</h3>
12
+	<p>
13
+		Hi, I'm Chris. Thanks for reading all the way through! If you or your
14
+		company need any help with any of the areas I've written about, I'm
15
+		available for hire as a freelance developer and consultant through my
16
+		company <a href="https://lunarian.uk">Lunarian Limited</a>. Just drop
17
+		me a line through the website, or using the feedback form below.
18
+	</p>
22 19
 </aside>
23 20
 <details>
24 21
 <summary>Comments? Feedback? Contact me.</summary>

+ 1
- 1
site/layouts/shortcodes/update.html 查看文件

@@ -1,6 +1,6 @@
1 1
 <aside class="update">
2 2
 	<ins datetime="{{ .Get 0 }}">
3 3
 	  <h5>Update {{ .Get 0 }}:</h5>
4
-	  {{.Inner}}
4
+	  {{ .Inner | markdownify }}
5 5
 	</ins>
6 6
 </aside>

+ 8
- 15
site/static/res/css/style.css 查看文件

@@ -64,23 +64,10 @@
64 64
 .hire {
65 65
   background-color: #afb6d9;
66 66
   border-radius: 10px;
67
-  display: flex;
68
-  padding: 20px 5px;
69
-  align-items: center;
67
+  padding: 1em 1.5em;
70 68
   margin-bottom: 2em;
71 69
 }
72 70
 
73
-.hire img {
74
-  box-sizing: content-box;
75
-  padding-top: 15px;
76
-  background-color: #959bb9;
77
-  border: 3px solid #959bb9;
78
-  border-radius: 100%;
79
-  margin: 0 20px 0 10px;
80
-  width: 100px;
81
-  height: 100px;
82
-}
83
-
84 71
 .hire h3, .hire p {
85 72
   margin: 0;
86 73
 }
@@ -89,6 +76,10 @@
89 76
   color: #4565ad !important;
90 77
 }
91 78
 
79
+summary {
80
+  cursor: pointer;
81
+}
82
+
92 83
 /* Box Model */
93 84
 
94 85
   *, *:before, *:after {
@@ -1725,7 +1716,9 @@
1725 1716
   aside.update {
1726 1717
     display: block;
1727 1718
     border-left: solid 10px #696;
1728
-    padding-left: 15px;
1719
+    background-color: #efe;
1720
+    padding: 1em;
1721
+    margin: 0 0 2em 0;
1729 1722
   }
1730 1723
 
1731 1724
   aside.update h5 {

二进制
site/static/res/images/profile.png 查看文件


正在加载...
取消
保存