-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #89 from mathesar-foundation/blog
Add Blog Page
- Loading branch information
Showing
46 changed files
with
1,989 additions
and
623 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -260,6 +260,7 @@ GEM | |
PLATFORMS | ||
arm64-darwin-21 | ||
arm64-darwin-22 | ||
arm64-darwin-23 | ||
x86_64-darwin-18 | ||
x86_64-linux | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
sean_colsen: | ||
name: Sean Colsen | ||
role: Engineer at Mathesar | ||
bio: > | ||
Sean Colsen is an engineer on the Mathesar Maintainers team, focusing mostly on front end work. As a self-taught coder, he's been building cool stuff with web tech since 2007. | ||
image: /assets/sean.jpg | ||
kriti_godey: | ||
name: Kriti Godey | ||
role: Project Lead at Mathesar | ||
bio: > | ||
Kriti Godey is the project lead of Mathesar and works on most aspects of the project. She first started working on open source as head of engineering at Creative Commons, and worked at various startups before that. | ||
image: /assets/kriti.jpg |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
<div class="author-details space-y-4 p-8 rounded bg-stone-200"> | ||
<div> | ||
<h3 class="text-2xl font-bold">{{ include.author.name }}</h3> | ||
<p> | ||
{{include.author.role}} | ||
</p> | ||
</div> | ||
<div class="flex items-center space-x-4"> | ||
<img | ||
src="{{ include.author.image }}" | ||
alt="{{ include.author.name }}" | ||
class="rounded-full w-16 h-16 object-cover" | ||
/> | ||
<div class="space-y-2 italic"> | ||
<p>{{ include.author.bio | markdownify }}</p> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
{% assign size = include.size | default: 'regular' %} {% assign author = | ||
site.data.authors[include.post.author] %} | ||
|
||
<li | ||
class="mb-4 {% if size == 'small' %}space-y-2 rounded p-4 lg:w-1/3{% else %}space-y-4 text-lg rounded p-8{% endif %} bg-white" | ||
> | ||
<div class="space-y-2"> | ||
<h2 | ||
class="{% if size == 'small' %}text-xl hover:text-blue-600 font-semibold{% else %}lg:text-4xl hover:text-blue-600 font-semibold{% endif %}" | ||
> | ||
<a href="{{ include.post.url }}">{{ include.post.title }}</a> | ||
</h2> | ||
<p class="text-gray-500 text-sm"> | ||
Posted on {{ include.post.date | date: "%b %d, %Y" }} by | ||
<a class="font-bold" href="/blog/authors/{{ include.post.author }}"> | ||
{{author.name }} | ||
</a> | ||
</p> | ||
</div> | ||
{% include tag_cloud.html %} | ||
|
||
<div | ||
class="border {% if size == 'small' %} h-40 {% else %} lg:h-80 h-40 {% endif %} overflow-hidden w-full rounded-lg mb-6 relative" | ||
> | ||
<div | ||
class="absolute inset-0 w-full h-full bg-cover bg-center blur-md filter brightness-75" | ||
style="background-image: url({{include.post.image}});" | ||
></div> | ||
<img | ||
src="{{include.post.image}}" | ||
alt="" | ||
class="h-full object-cover object-center relative mx-auto" | ||
/> | ||
|
||
</div> | ||
|
||
<div class="{% if size == 'small' %} truncate {% endif %}"> | ||
{{ include.post.excerpt | strip_html }} | ||
</div> | ||
|
||
<a | ||
href="{{ include.post.url }}" | ||
class="text-blue-600 bg-blue-600 text-white hover:bg-blue-700 rounded px-2 mt-4 inline-block" | ||
>Continue Reading »</a | ||
> | ||
</li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
{% assign rawtags = "" %} | ||
{% for post in site.posts %} | ||
{% assign ttags = post.tags | join:'|' | append:'|' %} | ||
{% assign rawtags = rawtags | append:ttags %} | ||
{% endfor %} | ||
{% assign rawtags = rawtags | split:'|' | sort %} | ||
|
||
{% assign site.tags = "" %} | ||
{% for tag in rawtags %} | ||
{% if tag != "" %} | ||
{% if tags == "" %} | ||
{% assign tags = tag | split:'|' %} | ||
{% endif %} | ||
{% unless tags contains tag %} | ||
{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %} | ||
{% endunless %} | ||
{% endif %} | ||
{% endfor %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<meta | ||
name="keywords" | ||
content="mathesar, database, data, postgresql, postgres, open source, free, software, data management, data analysis, data visualization" | ||
/> | ||
|
||
{% if page.description %} | ||
<meta name="description" content="{{ page.description | strip_html }}" /> | ||
{% endif %} {% if page.image %} | ||
<meta property="og:image" content="{{ page.image }}" /> | ||
{% endif %} {% seo %} | ||
<meta | ||
name="twitter:description" | ||
content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" | ||
/> | ||
|
||
<title>{{ page.title }}</title> | ||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="{{ 'apple-touch-icon.png' | relative_url }}" /> | ||
<link rel="icon" type="image/png" sizes="32x32" href="{{ 'favicon-32x32.png' | relative_url }}" /> | ||
<link rel="icon" type="image/png" sizes="16x16" href="{{ 'favicon-16x16.png' | relative_url }}" /> | ||
|
||
<link | ||
rel="stylesheet" | ||
type="text/css" | ||
href="{{ 'assets/main.css' | relative_url }}" | ||
/> | ||
{% if site.tags != "" %} {% include collecttags.html %} {% endif %} | ||
</head> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
{% assign latest_post = site.posts.first %} | ||
<div class="max-w-screen-xl mt-8 -mb-2 mx-auto px-4"> | ||
|
||
<a | ||
href="{{ latest_post.url }}" | ||
class="flex items-center block bg-blue-100 rounded space-x-2 hover:bg-blue-200 transition-colors | ||
overflow-hidden shadow-sm | ||
" | ||
> | ||
<h4 class="font-bold uppercase whitespace-nowrap text-xs bg-blue-500 text-white p-2">New on Our Blog</h4> | ||
<div class="bg-stone-50 w-max rounded-full shrink-0 text-sm px-2 font-bold"> | ||
{{ latest_post.date | date: "%b %d, %Y" }} | ||
</div> | ||
|
||
<h4 class="font-bold whitespace-nowrap truncate lg:overflow-visible">{{ latest_post.title }}</h4> | ||
|
||
<div class="truncate hidden lg:block"> | ||
{{ latest_post.excerpt | strip_html }} | ||
</div> | ||
|
||
</a> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
<section class="angled lighter py-0"> | ||
<div class="space-y-8 px-4"> | ||
<div class="text-center space-y-4 max-w-2xl mx-auto"> | ||
<h3 class="text-4xl font-bold">Recent Blog Posts</h3> | ||
</div> | ||
|
||
{% assign post_count = site.posts | where_exp: "post", "post.url != page.url" | size %} | ||
{% if post_count > 0 %} | ||
<ul class="latest-posts-list mx-auto gap-4 lg:flex justify-center"> | ||
{% for post in site.posts limit:3 %} | ||
{% if post.url != page.url %} | ||
{% include blog_card.html post=post size='small' %} | ||
{% endif %} | ||
{% endfor %} | ||
</ul> | ||
{% else %} | ||
<div class="text-center"> | ||
<p>No recent posts available.</p> | ||
</div> | ||
{% endif %} | ||
</div> | ||
</section> |
Oops, something went wrong.