Skip to content

Commit d41a8da

Browse files
tarunsachdevatarunsachdeva
committed
add projects
1 parent 4b9267d commit d41a8da

9 files changed

Lines changed: 135 additions & 0 deletions

File tree

‎_config.yml‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,11 @@ plugins:
1313
- jekyll-sitemap
1414
# - jekyll-paginate
1515

16+
collections:
17+
projects:
18+
output: true
19+
permalink: /projects/:name/
20+
1621
github:
1722
private: false
1823
license:

‎_layouts/project.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
layout: default
3+
---
4+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
5+
6+
<div class="project-meta f3-light text-small mb-3">
7+
{{ page.date | date: date_format }}
8+
</div>
9+
10+
<h2>{{ page.title | escape }}</h2>
11+
12+
{%- if page.description -%}
13+
<p class="project-description text-muted mb-3">{{ page.description }}</p>
14+
{%- endif -%}
15+
16+
{%- if page.cover_image -%}
17+
<div class="project-cover-image mb-4">
18+
<img src="{{ page.cover_image }}" alt="{{ page.title }}" class="img-fluid" style="max-width: 100%; height: auto; border-radius: 4px;">
19+
</div>
20+
{%- endif -%}
21+
22+
{%- if page.external_link -%}
23+
<div class="project-link mb-4">
24+
<a href="{{ page.external_link }}" target="_blank" class="btn btn-outline-primary">View Project →</a>
25+
</div>
26+
{%- endif -%}
27+
28+
<div class="project-content">
29+
{{ content }}
30+
</div>
31+
32+
<br/>

‎_layouts/projects.html‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
---
2+
layout: default
3+
---
4+
<div class="projects-list">
5+
{%- if page.title -%}
6+
<h2 class="page-heading">{{ page.title }}</h2>
7+
{%- endif -%}
8+
9+
{{ content }}
10+
11+
{%- assign projects = site.projects | sort: 'date' | reverse -%}
12+
{%- if projects.size > 0 -%}
13+
<div class="projects-grid">
14+
<div class="row">
15+
{%- for project in projects -%}
16+
<div class="col-md-6 col-sm-12 mb-4">
17+
<div class="project-card h-100" style="border-radius: 6px; padding: 8px; display: flex; flex-direction: column;">
18+
{%- if project.cover_image -%}
19+
<div class="project-card-image border">
20+
<img src="{{ project.cover_image }}" alt="{{ project.title }}" class="img-fluid" style="width: 100%; object-fit: cover; border-radius: 4px;">
21+
</div>
22+
{%- endif -%}
23+
24+
<div class="project-card-content flex-grow-1">
25+
<p class="project-card-title">
26+
<a href="{{ project.external_link }}" class="text-decoration-none">
27+
{{ project.title | escape }}
28+
</a>
29+
</h5>
30+
31+
{%- if project.description -%}
32+
<p class="project-card-description text-muted">{{ project.description }}</p>
33+
{%- endif -%}
34+
</div>
35+
36+
<div class="project-card-footer">
37+
{%- if project.external_link -%}
38+
<a href="{{ project.external_link }}" target="_blank">View Project →</a>
39+
{%- endif -%}
40+
</div>
41+
</div>
42+
</div>
43+
{%- endfor -%}
44+
</div>
45+
</div>
46+
{%- endif -%}
47+
</div>
48+
49+
<style>
50+
.project-card {
51+
transition: box-shadow 0.15s ease-in-out;
52+
}
53+
54+
.project-card:hover {
55+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
56+
}
57+
58+
.project-card-title a {
59+
color: #0366d6;
60+
}
61+
62+
.project-card-title a:hover {
63+
color: #0366d6;
64+
text-decoration: underline !important;
65+
}
66+
67+
.project-card-description {
68+
font-size: 0.875rem;
69+
}
70+
71+
@media (max-width: 768px) {
72+
.projects-grid .col-lg-4 {
73+
margin-bottom: 1rem;
74+
}
75+
}
76+
</style>

‎_projects/fresco.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: project
3+
title: "Fresco"
4+
description: "An app to create (and buy frames of) stylized art with diffusion models. Created to learn StableDiffusion and build a useful product where hallucination was a feature not a bug."
5+
external_link: "https://fresco.lol"
6+
date: 2022-10-15
7+
cover_image: "/assets/img/fresco.png"
8+
---

‎_projects/hover.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: project
3+
title: "Hover"
4+
description: "This was my first AI app - I used it to better understand how language models work. A simple Chrome extension that I could use to take notes, highlight and summarize passages on the web."
5+
external_link: "https://github.com/tarunsachdeva/hover"
6+
date: 2022-10-15
7+
cover_image: "/assets/img/hover.gif"
8+
---

‎assets/img/fresco.png‎

2.67 MB
Loading

‎assets/img/hover.gif‎

8.94 MB
Loading

‎assets/img/hover2.png‎

701 KB
Loading

‎projects.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
layout: projects
3+
title: Playground
4+
---
5+
6+
This is a my playground. A collection of projects, often centered around learning what a new technology is capable of doing. I always try to build complete products to really test the end to end capabilities of a technology. The themes I come back to often are creativity, storytelling, education and productivity, and are mostly software projects, for now.

0 commit comments

Comments
 (0)