feat(profile): move profile information to header
This commit is contained in:
Rafael Bardini
parent
d6e90e9716
commit
c3d21e5032
|
|
@ -34,5 +34,24 @@
|
||||||
<a href="{{.}}">{{formatURL .}}</a>
|
<a href="{{.}}">{{formatURL .}}</a>
|
||||||
</li>
|
</li>
|
||||||
{{/url}}
|
{{/url}}
|
||||||
|
{{#profiles}}
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||||
|
{{#if username}}
|
||||||
|
{{#if url}}
|
||||||
|
<a href="{{url}}">{{username}}</a>
|
||||||
|
{{else}}
|
||||||
|
{{username}}
|
||||||
|
{{/if}}
|
||||||
|
{{else}}
|
||||||
|
{{#url}}
|
||||||
|
<a href="{{.}}">{{formatURL .}}</a>
|
||||||
|
{{/url}}
|
||||||
|
{{/if}}
|
||||||
|
{{#network}}
|
||||||
|
<span class="network">({{.}})</span>
|
||||||
|
{{/network}}
|
||||||
|
</li>
|
||||||
|
{{/profiles}}
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
{{#if profiles.length}}
|
|
||||||
<section id="profiles">
|
|
||||||
<h3>Profiles</h3>
|
|
||||||
<div class="grid-list">
|
|
||||||
{{#profiles}}
|
|
||||||
<div>
|
|
||||||
{{#network}}
|
|
||||||
<h4>{{.}}</h4>
|
|
||||||
{{/network}}
|
|
||||||
{{#if username}}
|
|
||||||
{{#if url}}
|
|
||||||
<a href="{{url}}">{{username}}</a>
|
|
||||||
{{else}}
|
|
||||||
{{username}}
|
|
||||||
{{/if}}
|
|
||||||
{{else}}
|
|
||||||
{{#if url}}
|
|
||||||
<a href="{{url}}">{{url}}</a>
|
|
||||||
{{/if}}
|
|
||||||
{{/if}}
|
|
||||||
</div>
|
|
||||||
{{/profiles}}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
{{/if}}
|
|
||||||
|
|
@ -12,7 +12,6 @@
|
||||||
{{#resume.basics}}
|
{{#resume.basics}}
|
||||||
{{> header}}
|
{{> header}}
|
||||||
{{> about}}
|
{{> about}}
|
||||||
{{> profiles}}
|
|
||||||
{{/resume.basics}}
|
{{/resume.basics}}
|
||||||
|
|
||||||
{{> work}}
|
{{> work}}
|
||||||
|
|
|
||||||
|
|
@ -60,8 +60,9 @@ li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li::marker {
|
li::marker,
|
||||||
color: var(--mutedColor);
|
.network {
|
||||||
|
color: var(--secondaryColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
|
||||||
|
|
@ -76,8 +76,9 @@ li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li::marker {
|
li::marker,
|
||||||
color: var(--mutedColor);
|
.network {
|
||||||
|
color: var(--secondaryColor);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
@ -265,6 +266,16 @@ blockquote > * + * {
|
||||||
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
|
||||||
<a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
|
<a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||||
|
neutralthoughts
|
||||||
|
<span class="network">(Twitter)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||||
|
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||||
|
<span class="network">(SoundCloud)</span>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<section id="about">
|
<section id="about">
|
||||||
|
|
@ -273,19 +284,6 @@ blockquote > * + * {
|
||||||
<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
|
<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
<section id="profiles">
|
|
||||||
<h3>Profiles</h3>
|
|
||||||
<div class="grid-list">
|
|
||||||
<div>
|
|
||||||
<h4>Twitter</h4>
|
|
||||||
neutralthoughts
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4>SoundCloud</h4>
|
|
||||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="work">
|
<section id="work">
|
||||||
<h3>Work</h3>
|
<h3>Work</h3>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue