Initial commit: Photography portfolio based on rampatra/photography
- Jekyll-based photography portfolio template - Added Brain.md (project knowledge base) and Skill.md (skill commands) - Configured remote to Kroonk/Photography.git - Added .claude/ to .gitignore Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
132
index.html
Normal file
132
index.html
Normal file
@@ -0,0 +1,132 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<h1><a href="index.html"><strong>{{ site.header.title }}</strong> {{ site.header.subtitle }}</a></h1>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#footer">About <i class="fa fa-info-circle text-fg"></i></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main" data-exif='{{ site.exif }}'>
|
||||
{% for image in site.static_files %}
|
||||
{% if image.path contains 'fulls' %}
|
||||
<article class="thumb">
|
||||
<a href="{{ site.baseurl }}{{ site.image_fulls_loc }}/{{ image.name }}" class="image">
|
||||
<img src="{{ site.baseurl }}{{ site.image_thumbs_loc }}/{{ image.name }}" alt=""
|
||||
data-name="{{ image.name }}"/></a>
|
||||
<!--<h2></h2>
|
||||
<p></p>-->
|
||||
</article>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer" class="panel">
|
||||
<div class="inner split">
|
||||
<div>
|
||||
<section>
|
||||
<h2>{{ site.footer.name }}</h2>
|
||||
<p>{{ site.footer.bio }}</p>
|
||||
<p>{{ site.footer.github }}</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Sponsor</h2>
|
||||
<div class="presentify">
|
||||
<div class="presentify-logo">
|
||||
<a href="https://presentifyapp.com">
|
||||
<img src="https://raw.githubusercontent.com/rampatra/assets/refs/heads/main/Presentify/Icons/icon_512.png"
|
||||
alt="presentify-logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="presentify-text">
|
||||
Turn your screen into a canvas when on video calls and articulate your thoughts better than
|
||||
ever with the <a href="https://presentifyapp.com">Presentify</a> app.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Follow me on ...</h2>
|
||||
<ul class="icons">
|
||||
{% if site.social_urls.facebook %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.facebook }}" class="icon brands fa-facebook">
|
||||
<span class="label">Facebook</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if site.social_urls.twitter %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.twitter }}" class="icon brands fa-twitter">
|
||||
<span class="label">Twitter</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if site.social_urls.instagram %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.instagram }}" class="icon brands fa-instagram">
|
||||
<span class="label">Instagram</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if site.social_urls.dribbble %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.dribbble }}" class="icon brands fa-dribbble">
|
||||
<span class="label">Dribbble</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if site.social_urls.github %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.github }}" class="icon brands fa-github">
|
||||
<span class="label">GitHub</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if site.social_urls.linkedin %}
|
||||
<li>
|
||||
<a href="{{ site.social_urls.linkedin }}" class="icon brands fa-linkedin">
|
||||
<span class="label">LinkedIn</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</section>
|
||||
<p class="copyright">
|
||||
© {{ site.author }}. Design: {{ site.web_design }}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<section>
|
||||
<h2>Get in touch</h2>
|
||||
<form method="post" action="#">
|
||||
<div class="fields">
|
||||
<div class="field half">
|
||||
<input type="text" name="name" id="name" placeholder="Name" />
|
||||
</div>
|
||||
<div class="field half">
|
||||
<input type="text" name="email" id="email" placeholder="Email" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><input type="submit" value="Send" class="primary" /></li>
|
||||
<li><input type="reset" value="Reset" /></li>
|
||||
</ul>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
Reference in New Issue
Block a user