Browse Source

fix issue with gear images.

jackyalcine 1 year ago
parent
commit
82f2a6dca7
Signed by: Jacky Alciné <yo@jacky.wtf> GPG Key ID: 537A4F904B15268D

+ 15
- 6
src/_assets/css/components/_typography.scss View File

@@ -57,7 +57,7 @@ h1, h2, h3, h4, h5, h6 {
57 57
 
58 58
 p, body, div, li, blockquote {
59 59
   @include expected-sans-serif-fonts;
60
-  @extend .f5;
60
+  @extend .f5, .f4-l;
61 61
   @extend .lh-copy;
62 62
   word-wrap: break-word;
63 63
 }
@@ -66,11 +66,19 @@ pre, code, kbd {
66 66
   @include expected-monospace-fonts;
67 67
 }
68 68
 
69
-main[role=group] > p:first-child,
70
-p.lead {
71
-  @extend .f4;
72
-  text-align: justify;
73
-  text-align-last: left;
69
+main[role=group] {
70
+  p, blockquote {
71
+    @extend .f4;
72
+    @extend .measure;
73
+
74
+    &:first-child {
75
+      @extend .f3;
76
+      @extend .measure-wide;
77
+
78
+      text-align-last: left;
79
+      text-align: justify;
80
+    }
81
+  }
74 82
 }
75 83
 
76 84
 ul {
@@ -95,6 +103,7 @@ ul {
95 103
 
96 104
 a {
97 105
   @extend .link;
106
+  @extend .navy;
98 107
 }
99 108
 
100 109
 blockquote {

+ 0
- 1
src/_assets/css/page.scss View File

@@ -10,4 +10,3 @@
10 10
 
11 11
 @import "components/social";
12 12
 @import "syntax";
13
-

BIN
src/_assets/images/gear/anker-ak-uba.jpeg View File


BIN
src/_assets/images/gear/dell-inspiron-7373.jpeg View File


BIN
src/_assets/images/gear/dell-xps-14-keyboard-amzn.jpeg View File


+ 20
- 12
src/_data/gear.yml View File

@@ -8,19 +8,16 @@ categories:
8 8
       -
9 9
         anchor: laptop
10 10
         name: My Primary Laptop
11
-        last_updated: 2017-10-08 00:28:40 PDT
12
-        image: gear/dell-xps-14-keyboard-amzn.jpeg
11
+        last_updated: 2018-08-02 14:52:03 PDT
12
+        image: gear/dell-inspiron-7373.jpeg
13 13
         bio: |
14
-          My laptop of choice is the [Dell XPS 14][1] with 500 GB of disk space,
15
-          32 GB SSD and a [Intel i7-3537U][2] core. With 8 GB SDDRAM3 @ 1.6 GHz,
16
-          a moderately decent set of cores &mdash; gets the job done.
17
-          Bluetooth is in there as well and it has a backlit keyboard which
18
-          really helps at night. A nugget of gold about this laptop? Under the
19
-          bottom left corner of the keyboard, a button lights up to five LEDs,
20
-          letting you know how much power is left.
14
+          I made the upgrade earlier in 2018 to the [Dell Inspiron 13][1]. I got
15
+          it souped it as a thank-you gift to myself. Sadly, not a ton of Linux
16
+          environments are tailored for touch screens so things like pop up
17
+          keyboards, gesture recognition or even screen rotation work out of the box.
18
+          Sounds like a hack project!
21 19
 
22
-          [1]: http://amzn.com/B00HK8V4PU
23
-          [2]: http://ark.intel.com/products/72054
20
+          [1]: https://www.dell.com/en-us/shop/dell-laptops/inspiron-13-7000-2-in-1/spd/inspiron-13-7373-2-in-1-laptop
24 21
       -
25 22
         anchor: camera
26 23
         name: My Cameras
@@ -38,13 +35,24 @@ categories:
38 35
           [2]: http://amzn.com/B009OAOG9S
39 36
       -
40 37
         anchor: mouse
41
-        name: My Mouse
38
+        name: My Mouse on the Road
42 39
         last_updated: 2017-10-08 10:54:43 PDT
43 40
         image: gear/logitech-m705-amzn.jpeg
44 41
         bio: |
45 42
           Nothing too fantastic here. I got this because it was a bit more
46 43
           friendly to left-handed mouse users (one of the few!) thus making it
47 44
           worthwhile. It doubles as my road mouse as well.
45
+      -
46
+        anchor: desk-mouse
47
+        name: My Mouse in my Home Office
48
+        last_updated: 2018-08-02 14:49:46 PDT
49
+        image: gear/anker-ak-uba.jpeg
50
+        bio: |
51
+          I got this [mouse from Anker][1] for my home use and my wrist can't 
52
+          keep thanking me. If you have the option, switch to this and feel
53
+          the moments of wrist pain just disappear.
54
+
55
+          [1]: http://a.co/3dyouKN
48 56
   -
49 57
     anchor: software
50 58
     name: Software

+ 9
- 3
src/_faq/about-website.markdown View File

@@ -3,16 +3,22 @@ layout: faq
3 3
 title: What did you use to build your website?
4 4
 date: 2018-04-17 21:35:17 PDT
5 5
 ---
6
+
6 7
 I have a [custom server setup][3] for hosting this website. Below that, I use
7 8
 a few tools. Things like [DigitalOcean][] handle the virtual private server that
8 9
 I use for this and my [analytics][1] system. [Jekyll][] handles the act of
9 10
 converting my flat life website into the one you see here. Domain name
10
-management is done via [DNSimple][]. I store the latest copies of the source
11
-code of my site on [my personal Git server][2].
11
+management is done via [DNSimple][]. I stitch everything together by using
12
+[Terraform][] and [Ansible][]. I store the latest copies of the source
13
+code of my site on [my personal Git server][2]. I keep a copy on [Github][4] as
14
+well but it's usually behind.
12 15
 
13 16
 [digitalocean]: https://m.do.co/c/0d64aebbf668
14 17
 [dnsimple]: https://dnsimple.com/r/2131c39d72a26d
15 18
 [jekyll]: http://jekyllrb.com/
19
+[ansible]: https://ansible.com/
20
+[terraform]: https://terraform.io/
16 21
 [1]: {% post_url 2018-01-21-tracking-you %}
17 22
 [2]: https://git.jacky.wtf/me/website/
18
-[1]: {% post_url 2018-01-18-new-infra %}
23
+[3]: {% post_url 2018-01-18-new-infra %}
24
+[4]: https://github.com/jalcine/website/

+ 1
- 1
src/_includes/footer.html View File

@@ -1,5 +1,5 @@
1 1
 <footer role="document" class="h-card bg-near-black near-white bt bw3 b--near-black pa1" data-track-content>
2
-  <div class="w-90 mv3">
2
+  <div class="w-90 center mv3 pb4">
3 3
     <h1 class="f2 f-headline-l lh-title-l washed-blue tc tracked-tight ma0
4 4
       pa0 fontFamily__special dim">
5 5
       {% asset brand/self.jpeg class='p-logo u-photo v-mid cb-s br-100 h3 h4-ns grow mb3 ma1-ns' alt='{{ site.name }}' width=auto height=auto %}

+ 20
- 4
src/_portfolio/wyl.markdown View File

@@ -3,18 +3,34 @@ layout: portfolio
3 3
 title: Whose Your Landlord
4 4
 website: https://www.whoseyourlandlord.com/
5 5
 image: portfolio/whoseyourlandlord.png
6
-description: A platform for reviewing your landlord and discovering places to live.
6
+description: |
7
+  A platform for reviewing your landlord and discovering places to live.
8
+  I spent time working on making 
7 9
 ---
8 10
 
9
-# Objectives
11
+# Technology
12
+The stack is a **Ruby on Rails** one hosted on **Heroku**. It
13
+involves tools like **Sidekiq** and the caching service **Redis** to
14
+handle long polling background jobs as well as intermittent information
15
+about transactions occurring on the platform.
10 16
 
17
+# Objectives
11 18
 WhoseYourLandlord, at the time that I worked on their project, is a Ruby on
12 19
 Rails application. A project I focused on there was improving rental listing
13 20
 discovery for renters as well as sanitizing address inputs for realtors who came
14
-in to claim a listing.
21
+in to claim a listing. The goal was also to make it more feasible to
22
+import hundreds of listings across the Web into the platform with relevant
23
+metadata such that on first viewing of said listing on the platform, it'd
24
+be likely to be the choice of the visitor.
15 25
 
16
-# About
26
+### Developer Centric
27
+I also worked on improving the test suite for more predictability into
28
+changes made in the platform. This made my work a lot more easier. Adding
29
+**acceptance tests** also gave me the added benefit of seeing what the
30
+page looked like at each step and gave stakeholders a glimpse into what
31
+the end result would be like.
17 32
 
33
+# About
18 34
 The following is grabbed from [WhoseYourLandlord's website][1]:
19 35
 
20 36
 > [WYL is] giving renters ownership of their living situation by putting housing

+ 3
- 3
src/pages/gear.html View File

@@ -26,13 +26,13 @@ masthead:
26 26
         <h3 class="f3 lh-solid">
27 27
           <a name="{{item.anchor}}">{{ item.name }}</a>
28 28
         </h3>
29
-        <div class="flex flex-row flex-wrap">
29
+        <div class="flex flex-column flex-row-l flex-wrap">
30 30
           {% if item.image %}
31 31
             {% asset "{{ item.image }}"
32
-                  class="w-100 mw6 h-auto h-auto center db ma1-l"
32
+                  class="w-100 w-auto-ns mw6 h5 center ma0-l ma1-l"
33 33
                   width=auto height=auto %}
34 34
           {% endif %}
35
-          <aside class="f5 lh-copy center-s measure-narrow-l">
35
+          <aside class="f5 lh-copy center-s measure">
36 36
             {{ item.bio | strip_tags: '<p></p>' | markdownify }}
37 37
           </aside>
38 38
         </div>

+ 1
- 1
src/pages/portfolio.html View File

@@ -10,7 +10,7 @@ pagination:
10 10
   collection: portfolio
11 11
   title: 'Portfolio - Page :num of :max'
12 12
 ---
13
-<p class="f3 lead lh-copy">
13
+<p class="f3 lead lh-copy measure">
14 14
   As mentioned on <a href="/work/resume/">my resume</a>, I work as a
15 15
   full-stack software developer; ranging from client-side mobile applications
16 16
   on Android to server infrastructure. Sounds interesting? 

+ 0
- 15
src/pages/projects.html View File

@@ -1,15 +0,0 @@
1
----
2
-layout: bare
3
-title: Projects
4
-permalink: /projects/
5
-description: |
6
-  To keep my wheel house busy, I work on a few projects to keep my blades and
7
-  mind sharp.
8
-masthead:
9
-  image: pages/projects.jpeg
10
----
11
-<p class="lead">{{ page.description | improve }}</p>
12
-<p>You should see what I do <a href="/work/">during the day</a>.</p>
13
-{% for project in site.projects %}
14
-  {% include listing/project.html project=project %}
15
-{% endfor %}

Loading…
Cancel
Save