diff --git a/resume.css b/resume.css index 23aeb90..3a6a886 100644 --- a/resume.css +++ b/resume.css @@ -229,24 +229,51 @@ body { margin-bottom: 1px; } +.proj-title-line { + display: flex; + align-items: baseline; + gap: 8px; +} + .proj-name { font-size: 14px; font-weight: 700; color: #222; } +.proj-role { + font-size: 12px; + color: #888; +} + .proj-date { font-size: 13px; color: #888; white-space: nowrap; } -.proj-sub { - font-size: 12px; - color: #888; - margin-bottom: 2px; +.proj-link-line { display: flex; justify-content: space-between; + align-items: center; + font-size: 12px; + margin-bottom: 2px; +} + +.proj-tags { + display: flex; + gap: 4px; + flex-wrap: wrap; +} + +.proj-tag { + display: inline-block; + font-size: 10px; + color: #4478DF; + border: 1px solid #4478DF; + border-radius: 3px; + padding: 0px 4px; + line-height: 1.4; } .proj-link { @@ -259,6 +286,10 @@ body { color: #252525; line-height: 1.45; margin-bottom: 3px; + border: 1px solid #4478DF; + border-radius: 4px; + padding: 4px 8px; + text-align: center; } .proj-desc { diff --git a/resume.html b/resume.html index 126605d..a2f9736 100644 --- a/resume.html +++ b/resume.html @@ -112,17 +112,25 @@