Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: update Documentation page #125

Merged
merged 1 commit into from
Dec 22, 2023
Merged

feat: update Documentation page #125

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
113 changes: 72 additions & 41 deletions src/page/Documentation.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,15 @@
import React, { Component } from 'react';
import { Card, CardSubtitle, CardText, CardTitle, Col, Container, Row } from "reactstrap";
import { Link } from "react-router-dom";
import React, {Component} from 'react';
import {Card, CardSubtitle, CardText, CardTitle, Col, Container, Row} from "reactstrap";
import {Link} from "react-router-dom";

import { FaBookReader } from 'react-icons/fa';
import { FaStream } from 'react-icons/fa';
import { FaMicroblog } from 'react-icons/fa';
import { FaGitter } from 'react-icons/fa';
import { FaGithub } from 'react-icons/fa';
import { GoGraph } from 'react-icons/go';
import {FaBookReader} from 'react-icons/fa';
import {FaStream} from 'react-icons/fa';
import {FaMicroblog} from 'react-icons/fa';
import {FaGitter} from 'react-icons/fa';
import {FaGithub} from 'react-icons/fa';
import {FaTwitter} from 'react-icons/fa';
import {GoGraph} from 'react-icons/go';
import {MdSchool} from 'react-icons/md';

class Documentation extends Component {

Expand All @@ -26,35 +28,38 @@ class Documentation extends Component {

<Row className="mb-4">
<Col md="6">
<a href="https://doc.flix.dev/" className="text-primary">
<Card body className="h-100">
<CardSubtitle className="text-center m-4">
<FaBookReader style={{ fontSize: '6em' }} />
</CardSubtitle>
<CardTitle className="text-center">
Programming Flix
</CardTitle>
<CardText className="text-dark">
The book provides an introduction to Flix for functional programmers. The book
demonstrates the core concepts of Flix through several examples.
</CardText>
</Card>
</a>
<Card body className="h-100">
<CardSubtitle className="text-center m-4">
<a href="https://doc.flix.dev/" className="text-primary">
<FaBookReader style={{fontSize: '6em'}}/>
</a>
</CardSubtitle>
<CardTitle className="text-center">
<a href="https://doc.flix.dev/" className="text-primary">
Programming Flix (doc.flix.dev)
</a>
</CardTitle>
<CardText className="text-dark text-center">
A detailed introduction to the Flix Programming Language.
</CardText>
</Card>
</Col>
<Col md="6">
<a href="https://api.flix.dev/" className="text-success">
<Card body className="h-100">
<CardSubtitle className="text-center m-4">
<FaStream style={{ fontSize: '6em' }} />
</CardSubtitle>
<CardTitle className="text-center">
Standard Library
</CardTitle>
<CardText className="text-dark">
The documentation provides a Javadoc-style description of the Flix library.
</CardText>
</Card>
</a>
<Card body className="h-100">
<CardSubtitle className="text-center m-4">
<a href="https://api.flix.dev/" className="text-success">
<FaStream style={{fontSize: '6em'}}/>
</a>
</CardSubtitle>
<CardTitle className="text-center">
<a href="https://api.flix.dev/" className="text-success">
Standard Library (api.flix.dev)
</a>
</CardTitle>
<CardText className="text-dark text-center">
A Javadoc-style description of the Flix Standard Library.
</CardText>
</Card>
</Col>
</Row>

Expand All @@ -67,11 +72,24 @@ class Documentation extends Component {
</Row>

<Row className="mb-3">
<Col lg="2">
<a href="https://doc.flix.dev/research-literature.html">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<MdSchool style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
Research
</CardTitle>
</Card>
</a>
</Col>

<Col lg="2">
<Link to="/blog/">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<FaMicroblog style={{ fontSize: '3em' }} />
<FaMicroblog style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
Blog
Expand All @@ -84,7 +102,7 @@ class Documentation extends Component {
<a href="https://gitter.im/flix/Lobby">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<FaGitter style={{ fontSize: '3em' }} />
<FaGitter style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
Gitter
Expand All @@ -97,7 +115,7 @@ class Documentation extends Component {
<a href="https://github.com/flix/flix">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<FaGithub style={{ fontSize: '3em' }} />
<FaGithub style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
GitHub
Expand All @@ -106,14 +124,27 @@ class Documentation extends Component {
</a>
</Col>

<Col lg="2">
<a href="https://twitter.com/flixlang">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<FaTwitter style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
Twitter
</CardTitle>
</Card>
</a>
</Col>

<Col lg="2">
<a href="https://arewefast.flix.dev/">
<Card body className="h-100">
<CardSubtitle className="text-center m-4 text-black-50">
<GoGraph style={{ fontSize: '3em' }} />
<GoGraph style={{fontSize: '3em'}}/>
</CardSubtitle>
<CardTitle className="text-center link-primary">
Compiler Perf
Perf
</CardTitle>
</Card>
</a>
Expand Down
Loading