gc-os-ai.github.io/index.html at main · kabirvashisht4-glitch/gc-os-ai.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
---
layout: default
title: Home
nav: false
show_title: false
---

<div class="relative z-10 container mx-auto py-20 bg-cover bg-center">
  <h1 class="text-6xl text-gcos-green font-bold">
    {{ "AI owned by you" | upcase }}
    <br />
    <span class="hidden sm:inline-block pl-8 md:pl-12 lg:pl-16">{{ "governed democratically" | upcase }}</span>
    <span class="sm:hidden">{{ "governed democratically" | upcase }}</span>
    <br />
    <span class="hidden md:inline-block pl-16 lg:pl-32">{{ "for the benefit of society" | upcase }}</span>
    <span class="md:hidden">{{ "for the benefit of society" | upcase }}</span>
  </h1>
</div>

<!--
<div class="container mx-auto py-12">
  <div class="flex flex-wrap -mx-4">
    {% assign articles = site.posts | where:"category", "article" %}
    {% assign articles = articles | slice: 0, 3 %}
    {% for post in articles %}
    {% capture post_content %}
    <div class="flex flex-col h-32">
      <h3 class="text-2xl font-bold mb-2 group-hover:text-white overflow-hidden" style="-webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;">
        {{ post.title }}
      </h3>
      <p class="mb-4 group-hover:text-white overflow-hidden flex-grow" style="-webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;">
        {{ post.content | strip_html }}
      </p>
      <div class="mt-auto">
        <span class="font-semibold group-hover:text-white">{{ include.read_more_text | default: "Read more" }}</span>
      </div>
    </div>
    {% endcapture %}
    {% include card.html
      content=post_content
      url=post.url
    %}
    {% endfor %}
  </div>
</div>
-->

{% include stats-section.html %}

<h2 class="text-4xl font-bold">Get involved with Open Source AI @ GC.OS</h2>
<div class="container mx-auto py-12">
  <div class="flex flex-wrap -mx-4">
    {% assign opportunities = site.involvement_opportunities | sort: 'order' %}
    {% for opportunity in opportunities %}
    {% capture opportunity_content %}
    <h3 class="text-2xl font-bold mb-2 group-hover:text-white">
      {{ opportunity.title }}
    </h3>
    <ul class="mb-4 group-hover:text-white list-disc list-inside">
      {% for item in opportunity.list_items %}
      <li>{{ item }}</li>
      {% endfor %}
    </ul>
    <span class="font-semibold group-hover:text-white">Learn more</span>
    {% endcapture %}

    {% include card.html
    url=opportunity.permalink
    content=opportunity_content
    %}
    {% endfor %}
  </div>
</div>

<h2 class="text-4xl font-bold">Projects Supported by GC.OS</h2>
<div class="container mx-auto py-12">
  <div class="flex flex-wrap mb-8">
    {% for project in site.projects %}
    <div class="border border-gcos-green hover:bg-gcos-green p-2 rounded-md group transition-colors duration-300 mr-2">
      <a href="/open-source-ai">
        <img src="{{ project.image }}" alt="{{ project.title }}" class="w-40 h-40 object-cover" />
      </a>
    </div>
    {% endfor %}
  </div>
</div>