LukeParke/jims-blog
1
0
Fork 0
mirror of https://github.com/LukeHagar/jims-blog.git synced 2025-12-06 04:20:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding more to conferences

Browse Source
This commit is contained in:
Jim Bennett
2022-09-06 21:16:50 +00:00
parent f399f7f4be
commit 310dbd48d6
2 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
blog/layouts/_default/conferences.html
View File

@@ -14,6 +14,10 @@
<div class="row justify-content-center px-3 px-md-5"> <div class="row justify-content-center px-3 px-md-5">
<h1 class="text-left pb-2 content">{{.Title}}</h1> <h1 class="text-left pb-2 content">{{.Title}}</h1>
<span class="content subtitle text-left pb-2">Come meet me at these upcoming events, or catch a selection of my sessions from previous events.</span> <span class="content subtitle text-left pb-2">Come meet me at these upcoming events, or catch a selection of my sessions from previous events.</span>
<span class="content subtitle text-left pb-2">Want me to speak at your event either in person or virtually? Get in touch by emailing me at <a href="mailto:jim@jimbobbennett.io">jim@jimbobbennett.io</a>!
<br>I only speak at conferences with a code of conduct that is upheld, and has a diverse set of speakers and audience. Don't have a code of conduct? Again, get in touch and I can help with this.
</span>
</div> </div>
</div> </div>
</section> </section>

21
blog/static/css/projects.css
View File

@@ -71,4 +71,25 @@
#projects .content { #projects .content {
animation: fade-left 1s ease-out; animation: fade-left 1s ease-out;
}
#projects .content a {
display: inline-block;
text-decoration: none;
color: var(--primary-color) !important;
}
#projects .content a::after {
content: "";
display: block;
width: 0px;
height: 2px;
bottom: 0.37em;
background-color: var(--primary-color);
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
opacity: 0.5;
}
#projects .content a:hover::after, #projects .content a:focus::after, #projects .content a:active::after {
width: 100%;
} }