sid/personal-website
1
0
Fork 0
mirror of https://gitlab.com/thelazyoxymoron/siddhartha-golu-website.git synced 2025-07-27 13:07:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

add a tooltip design

Browse Source
This commit is contained in:
Siddhartha Golu
2024-01-27 17:54:11 +05:30
parent 3357e1220b
commit dcf5aed8e2
111 changed files with 194 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/photography/index.html
View File

@@ -8,11 +8,10 @@
<title>Photography | Siddhartha Golu</title>
<meta name="keywords" content="">
<meta name="description" content="My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. 1
You might need to enable Javascript if you&rsquo;re unable to see the images properly.">
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. You might need to enable Javascript if you&#39;re unable to see the images properly.">
<meta name="author" content="Siddhartha Golu">
<link rel="canonical" href="https://www.siddharthagolu.com/photography/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.7a5568895b832ef43a26a0ebf95bbd9314ed9c2d315d81e3a7464c1e671264ec.css" integrity="sha256-elVoiVuDLvQ6JqDr&#43;Vu9kxTtnC0xXYHjp0ZMHmcSZOw=" rel="preload stylesheet" as="style">
<link crossorigin="anonymous" href="/assets/css/stylesheet.9c9ab0cad25dbfc7a38210ced750b387191bab5eb79ca699d9a694b12f5f9c34.css" integrity="sha256-nJqwytJdv8ejghDO11Czhxkbq163nKaZ2aaUsS9fnDQ=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://www.siddharthagolu.com/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.siddharthagolu.com/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.siddharthagolu.com/favicon-32x32.png">
@@ -64,8 +63,7 @@ You might need to enable Javascript if you&rsquo;re unable to see the images pro
</style>
<meta property="og:title" content="Photography" />
<meta property="og:description" content="My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. 1
You might need to enable Javascript if you&rsquo;re unable to see the images properly." />
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. You might need to enable Javascript if you&#39;re unable to see the images properly." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.siddharthagolu.com/photography/" /><meta property="og:image" content="https://www.siddharthagolu.com/images/Love_for_mountains.jpeg"/><meta property="article:section" content="" />
<meta property="article:published_time" content="2021-03-23T20:18:21+05:30" />
@@ -76,8 +74,7 @@ You might need to enable Javascript if you&rsquo;re unable to see the images pro
<meta name="twitter:title" content="Photography"/>
<meta name="twitter:description" content="My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. 1
You might need to enable Javascript if you&rsquo;re unable to see the images properly."/>
You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. You might need to enable Javascript if you&#39;re unable to see the images properly."/>
<script type="application/ld+json">
@@ -100,11 +97,11 @@ You might need to enable Javascript if you&rsquo;re unable to see the images pro
"@type": "BlogPosting",
"headline": "Photography",
"name": "Photography",
"description": "My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.\nYou can browse the images below using left/right keys. All the images are hosted on flickr, I\u0026rsquo;d recommend navigating to my photostream if you want to see them in full size. 1\nYou might need to enable Javascript if you\u0026rsquo;re unable to see the images properly.",
"description": "My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.\nYou can browse the images below using left/right keys. All the images are hosted on flickr, I\u0026rsquo;d recommend navigating to my photostream if you want to see them in full size. You might need to enable Javascript if you're unable to see the images properly.",
"keywords": [
],
"articleBody": "My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.\nYou can browse the images below using left/right keys. All the images are hosted on flickr, I’d recommend navigating to my photostream if you want to see them in full size. 1\nYou might need to enable Javascript if you’re unable to see the images properly. ↩︎\n",
"articleBody": "My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.\nYou can browse the images below using left/right keys. All the images are hosted on flickr, I’d recommend navigating to my photostream if you want to see them in full size. You might need to enable Javascript if you're unable to see the images properly. 💬 ",
"wordCount" : "79",
"inLanguage": "en",
"datePublished": "2021-03-23T20:18:21+05:30",
@@ -212,20 +209,20 @@ You might need to enable Javascript if you&rsquo;re unable to see the images pro
</div>
</header>
<div class="post-content"><p>My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.</p>
<p>You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size. <!-- raw HTML omitted --><sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p>
<p>You can browse the images below using left/right keys. All the images are hosted on flickr, I&rsquo;d recommend navigating to my photostream if you want to see them in full size.
<span class="tooltip">
<span class="tooltiptext">
You might need to enable Javascript if you're unable to see the images properly.
</span>
<span class="tooltiplabel"></span>
&#128172;
</span>
</p>
<div class = 'gallery'>
<a data-flickr-embed="true" data-header="true" data-footer="true" href="https://www.flickr.com/photos/160696242@N07" title=""><img src="https://live.staticflickr.com/65535/51065906802_85fe2232aa_c.jpg" width="1144" height="1144" alt=""></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
</div>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>You might need to enable Javascript if you&rsquo;re unable to see the images properly.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</div>