mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-03-22 20:06:57 +00:00
add list of most popular channels
This commit is contained in:
Riku Rouvila
1
.gitignore
vendored
1
.gitignore
vendored
@@ -3,3 +3,4 @@
|
|||||||
.next
|
.next
|
||||||
node_modules
|
node_modules
|
||||||
out
|
out
|
||||||
|
.history
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
const projects = [
|
|
||||||
{
|
|
||||||
title: "RE:DOM",
|
|
||||||
description:
|
|
||||||
"Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. Develop web apps with 100 % JavaScript and web standards.",
|
|
||||||
url: "https://redom.js.org",
|
|
||||||
image: "/static/images/redom.svg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Code::Stats",
|
|
||||||
description: "Code::Stats is a free stats tracking service for programmers",
|
|
||||||
url: "https://codestats.net/",
|
|
||||||
image: "/static/images/codestats.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Reactabular",
|
|
||||||
description: "A framework for building the React table you need",
|
|
||||||
url: "https://reactabular.js.org/",
|
|
||||||
image: "/static/images/reactabular.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Avain.app",
|
|
||||||
description: "Secure one-time password manager (PWA + Web Crypto)",
|
|
||||||
url: "https://avain.app",
|
|
||||||
image: "/static/images/avain.svg",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
export default projects;
|
|
||||||
134
pages/index.tsx
134
pages/index.tsx
@@ -5,7 +5,6 @@ import Head from "next/head";
|
|||||||
import InviteForm from "../components/InviteForm";
|
import InviteForm from "../components/InviteForm";
|
||||||
import Members from "../components/Members";
|
import Members from "../components/Members";
|
||||||
import Feed from "../components/Feed";
|
import Feed from "../components/Feed";
|
||||||
import projects from "../data/projects";
|
|
||||||
|
|
||||||
const Hero = () => (
|
const Hero = () => (
|
||||||
<div className="header">
|
<div className="header">
|
||||||
@@ -34,20 +33,6 @@ const Hero = () => (
|
|||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
const PatientProject = ({ title, description, url, image }) => (
|
|
||||||
<div className="bread">
|
|
||||||
<div className="column column2-5">
|
|
||||||
<a href={url} target="_blank" rel="noopener noreferrer">
|
|
||||||
<img src={image} style={{ width: "7rem" }} alt={title} />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div className="column column3-5">
|
|
||||||
<h4>{title}</h4>
|
|
||||||
<p>{description}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const IndexContent = () => (
|
const IndexContent = () => (
|
||||||
<>
|
<>
|
||||||
<div className="content with-feed">
|
<div className="content with-feed">
|
||||||
@@ -110,35 +95,108 @@ const IndexContent = () => (
|
|||||||
</div>
|
</div>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="bread">
|
<div className="bread">
|
||||||
<div className="column column2-5">
|
<div className="column column5-5">
|
||||||
<img
|
<h3>Suosituimmat keskustelunaiheet</h3>
|
||||||
src="/static/images/octocat.png"
|
|
||||||
alt="Octocat, the mascot of GitHub"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="column column3-5">
|
|
||||||
<h3>Avoin lähdekoodi</h3>
|
|
||||||
<p>
|
<p>
|
||||||
Suosimme avointa lähdekoodia ja kaikki käyttämämme koodi on
|
<ul>
|
||||||
vapaasti saatavilla ja hyödynnettävissä{" "}
|
<li>
|
||||||
<a href="https://github.com/koodiklinikka">
|
<a
|
||||||
Github-organisaatiomme sivulta
|
href="https://app.slack.com/client/T03BQ3NU9/C03BQ3NUX"
|
||||||
</a>
|
target="_blank"
|
||||||
. Organisaation jäseneksi otamme kaikki Slack-yhteisömme
|
>
|
||||||
jäsenet. Koodiklinikan projekteihin voi osallistua kuka tahansa
|
#yleinen
|
||||||
ja muutosideat ovat aina lämpimästi tervetulleita.
|
</a>{" "}
|
||||||
|
– Yleistä keskustelu ohjelmistoalasta
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C66UM4J82"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#rekry
|
||||||
|
</a>{" "}
|
||||||
|
– Avoimet työpaikat
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C03PTV5LN"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#javascript
|
||||||
|
</a>{" "}
|
||||||
|
– Keskustelua JavaScriptistä, frontendistä ja paljosta
|
||||||
|
muusta
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C043VSQ0S"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#fp
|
||||||
|
</a>{" "}
|
||||||
|
– Keskustelua funktionaalisesta ohjelmoinnista, oli se
|
||||||
|
sitten Clojurea, Haskellia, F#:ia tai muuta herkkua
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C043VSQ0S"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#devops
|
||||||
|
</a>{" "}
|
||||||
|
– Devaavat operaattorit ja muuta hypeä
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C0432KDDN"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#tapahtumat
|
||||||
|
</a>{" "}
|
||||||
|
– Kiinnostaako alan tapahtumat? Täällä kuulet niistä
|
||||||
|
ensimmäisenä
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C5K197THA/"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#homeautomation
|
||||||
|
</a>{" "}
|
||||||
|
– Taloautomaatio, KNX, Loxone, Openhab, älyvalot, Home
|
||||||
|
Assistant, Hue, Trådfri, Xiaomi jne.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://app.slack.com/client/T03BQ3NU9/C6K2UL9SQ"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
#sijoitukset
|
||||||
|
</a>{" "}
|
||||||
|
– Keskustelua sijoittamisesta
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
<div id="members">
|
|
||||||
<Members />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<h2>Potilaiden projekteja</h2>
|
<div className="bread">
|
||||||
{projects.map(project => (
|
<h3>Avoin lähdekoodi</h3>
|
||||||
<PatientProject key={project.url} {...project} />
|
<p>
|
||||||
))}
|
Suosimme avointa lähdekoodia ja kaikki käyttämämme koodi on
|
||||||
|
vapaasti saatavilla ja hyödynnettävissä{" "}
|
||||||
|
<a href="https://github.com/koodiklinikka">
|
||||||
|
Github-organisaatiomme sivulta
|
||||||
|
</a>
|
||||||
|
. Organisaation jäseneksi otamme kaikki Slack-yhteisömme jäsenet.
|
||||||
|
Koodiklinikan projekteihin voi osallistua kuka tahansa ja
|
||||||
|
muutosideat ovat aina lämpimästi tervetulleita.
|
||||||
|
</p>
|
||||||
|
<div id="members">
|
||||||
|
<Members />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<div id="feed">
|
<div id="feed">
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 237 KiB |
@@ -90,8 +90,7 @@ section:first-child
|
|||||||
padding-left 0
|
padding-left 0
|
||||||
&:last-child
|
&:last-child
|
||||||
padding-right 0
|
padding-right 0
|
||||||
&:first-child
|
|
||||||
text-align center
|
|
||||||
img:first-child
|
img:first-child
|
||||||
max-width 100%
|
max-width 100%
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user