Browse Source

fix(Information) add image

Joe Richardson 4 months ago
parent
commit
a5bc8cc531
4 changed files with 16 additions and 13 deletions
  1. 1
    3
      site/content/information/index.md
  2. 1
    1
      site/layouts/index.html
  3. BIN
      site/static/img/moi.png
  4. 14
    9
      src/css/main.css

+ 1
- 3
site/content/information/index.md View File

@@ -2,20 +2,18 @@
2 2
 title: Information
3 3
 ---
4 4
 
5
-![Joe Richardson](/img/odhkfabi_400x400.jpg)
5
+![Joe Richardson](/img/moi.png)
6 6
 
7 7
 I’m a Lead Engineer based in Loughborough, UK. I work at [Fueled](//fueled.com/jr) on the web team leading projects for companies like Starbucks, Beacon Health Options, Wirecutter and Omstars.
8 8
 
9 9
 I’m available for freelance, I mostly focus on Front-end Development for small to medium sized companies. I recently completed a brand new build for a digital studio in Manchester called [MERó](//worksbymero.com).
10 10
 
11 11
 ### Projects I have recently worked on
12
-
13 12
 * [Workstation](//workstation.is)
14 13
 * [Freddy](//dope.github.io/freddy)
15 14
 * [sudo.news](//dope.github.io/sudonews)
16 15
 
17 16
 ### About this site
18
-
19 17
 * Built with [Hugo](https://gohugo.io/)
20 18
 * Hosting by [Vultr](//vultr.com/?ref=8368723) <small>(Referral link)</small>
21 19
 * Deployments with [Buddy](//buddy.works)

+ 1
- 1
site/layouts/index.html View File

@@ -8,7 +8,7 @@
8 8
 
9 9
   <h2 class="pt mb-">Recent Notes</h2>
10 10
 
11
-  {{ range first 4 (where .Site.RegularPages "Type" "post") }}
11
+  {{ range first 5 (where .Site.RegularPages "Type" "post") }}
12 12
 
13 13
     <article class="article">
14 14
       <header class="db mb--small df jcb aic">

BIN
site/static/img/moi.png View File


+ 14
- 9
src/css/main.css View File

@@ -97,21 +97,20 @@ pre {
97 97
   max-width: 650px;
98 98
   margin-bottom: var(--base-gutter);
99 99
   padding: 10px;
100
+  background: var(--color-secondary) !important;
100 101
   border-radius: 10px;
101 102
 }
102 103
 
103 104
 pre code {
104
-  background: var(--color-secondary);
105
+  background: var(--color-secondary) !important;
105 106
   padding: 15px !important;
106 107
   font-size: 15px !important;
107 108
   color: var(--color-white);
108 109
   font-family: var(--base-font-family-mono);
109
-  border-radius: 0 !important;
110 110
 }
111 111
 
112 112
 code {
113
-  font-size: 16px;
114
-  letter-spacing: 0;
113
+  font-size: 14px;
115 114
   position: relative;
116 115
   font-family: var(--base-font-family-mono);
117 116
 }
@@ -119,7 +118,7 @@ code {
119 118
 p > code {
120 119
   background: var(--inline-code-bg);
121 120
   white-space: normal;
122
-  padding: 2px 3px;
121
+  padding: 2px 5px !important;
123 122
 }
124 123
 
125 124
 .ellipsis {
@@ -407,6 +406,11 @@ header h1 {
407 406
   .form__input {
408 407
     width: calc(100% - 80px);
409 408
   }
409
+
410
+  .page img {
411
+    max-width: 30% !important;
412
+    margin-left: 15px !important;
413
+  }
410 414
 }
411 415
 
412 416
 .form__input:focus {
@@ -456,10 +460,11 @@ header h1 {
456 460
 }
457 461
 
458 462
 .page img {
459
-  width: 100px !important;
460
-  height: 100px !important;
461
-  border-radius: 100%;
462
-  margin-bottom: -20px;
463
+ float: right;
464
+ max-width: 45%;
465
+ margin-left: var(--base-gutter);
466
+ height: auto;
467
+ border-radius: 10px;
463 468
 }
464 469
 
465 470
 .external {