Add initial page with links

.nvmrc

@@ -1 +1 @@
-15.2.1
+15.7.0

CODE_OF_CONDUCT.md

@@ -20,16 +20,16 @@ include:
 - Focusing on what is best for the community
 - Showing empathy towards other community members
 
-    Examples of unacceptable behavior by participants include:
+  Examples of unacceptable behavior by participants include:
 
 - The use of sexualized language or imagery and unwelcome sexual attention or
-    advances
+  advances
 - Trolling, insulting/derogatory comments, and personal or political attacks
 - Public or private harassment
 - Publishing others' private information, such as a physical or electronic
-    address, without explicit permission
+  address, without explicit permission
 - Other conduct which could reasonably be considered inappropriate in a
-    professional setting
+  professional setting
 
 ## Our Responsibilities
 
@@ -59,7 +59,7 @@ reported by contacting the project team at <[email protected]>. All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an
-incident.  Further details of specific enforcement policies may be posted
+incident. Further details of specific enforcement policies may be posted
 separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good
@@ -73,4 +73,3 @@ version 1.4, available
 [here](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html).
 
 [homepage]: https://www.contributor-covenant.org
-

CONTRIBUTING.md

@@ -6,4 +6,3 @@ repository before making a change.
 
 Please note we have a [Code of Conduct](CODE_OF_CONDUCT.md), please follow it
 in all your interactions with the project.
-

LICENSE.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 CeSIUM - Centro de Estudantes de Eng. Informática da UMinho
+Copyright (c) 2021 CeSIUM - Centro de Estudantes de Eng. Informática da UMinho
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -15,7 +15,7 @@ local machine for development and testing purposes.
 
 The following software is required to be installed on your system:
 
-- [nodejs](https://nodejs.org/en/download/)
+- [Node.js 15.7+](https://nodejs.org/en/download/)
 
 Install all dependencies using `npm install`.
 
@@ -45,6 +45,14 @@ Format your code.
 npm run format
 ```
 
+### :link: References
+
+You can use this resources to learn more about the tecnologies this project
+uses.
+
+- [Getting Started with React](https://reactjs.org/docs/getting-started.html)
+- [Learn Next.js](https://nextjs.org/learn).
+
 ## :handshake: Contributing
 
 Please read [CONTRIBUTING][contributing] and [CODE_OF_CONDUCT][code_of_conduct]
@@ -55,4 +63,3 @@ to us.
 
 This project is licensed under the MIT License - see the [LICENSE][license]
 file for details.
-

components/Card/index.js

@@ -0,0 +1,10 @@
+import styles from './style.module.css'
+
+const Card = ({title, description, emoji, url}) => (
+          <a href={url} className={styles.card}>
+            <h3>{emoji} {title}</h3>
+            {description && <p>{description}</p>}
+          </a>
+)
+
+export default Card

components/Card/style.module.css

@@ -0,0 +1,36 @@
+.card {
+  margin: 1rem;
+  flex-basis: 45%;
+  padding: 1.5rem;
+  text-align: left;
+  color: inherit;
+  text-decoration: none;
+  border: 1px solid #eaeaea;
+  border-radius: 10px;
+  transition: color 0.15s ease, border-color 0.15s ease;
+}
+
+.card:hover,
+.card:focus,
+.card:active {
+  color: #0070f3;
+  border-color: #0070f3;
+}
+
+.card h3 {
+  margin: 0;
+  font-size: 1.5rem;
+}
+
+.card p {
+  margin: 1rem 0 0 0;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+@media (max-width: 1050px) {
+  .card {
+    margin: 0.8rem 0;
+    width: 85%;
+  }
+}

components/Footer/index.js

@@ -0,0 +1,44 @@
+import { IoLogoFacebook, IoLogoInstagram, IoLogoTwitter, IoLogoGithub, IoHeart } from "react-icons/io5";
+
+import social from '../../data/social.yml'
+
+import styles from './style.module.css'
+
+const logos = {
+  facebook: IoLogoFacebook,
+  instagram: IoLogoInstagram,
+  twitter: IoLogoTwitter,
+  github: IoLogoGithub
+}
+
+const SocialIcon = ({ name, url, username, tag }) => {
+  const Icon = logos[tag]
+
+  return (
+    <a href={`${url}/${username}`}>
+      <Icon title={name} size="1.5em" />
+    </a>
+  )
+};
+
+const Footer = () => (
+  <footer className={styles.footer}>
+    <div className={styles.social}>
+      {social.map(entry => (
+        <SocialIcon key={entry.tag} {...entry} />
+      ))}
+    </div>
+    <div className={styles.copyright}>
+      <a
+        href="https://cesium.di.uminho.pt"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        hacked with <IoHeart className={styles.heart} size="1.2em" /> by
+          <img src="/cesium.svg" alt="CeSIUM's Logo" className={styles.logo} />
+      </a>
+    </div>
+  </footer>
+);
+
+export default Footer

components/Footer/style.module.css

@@ -0,0 +1,47 @@
+.footer {
+  width: 100%;
+  height: 150px;
+  border-top: 1px solid #eaeaea;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer img {
+  margin-left: 0.5rem;
+}
+
+.footer a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.social {
+  margin: 1em;
+}
+
+.social a {
+  display: inline;
+  margin: 10px;
+}
+
+.social a:hover {
+  color: #f47c58;
+}
+
+.copyright {
+  margin: 1em;
+}
+
+.heart {
+  margin: 0 0.2em;
+  color: #f47c58;
+}
+
+.logo {
+  /* height: 3em; */
+  /* height: 1em; */
+  height: 1.5em;
+}

data/forms.yml

@@ -0,0 +1,7 @@
+sócios: https://forms.gle/bEaDxAV6e9KrzRZq5
+socios: https://forms.gle/bEaDxAV6e9KrzRZq5
+material: https://forms.gle/yFYeesnBfaDKgoDK9
+recrutamento: https://forms.gle/peu496UmkFqy4sm9A
+feedback: https://form.jotform.com/210226896149360
+dezembro-solidario: https://forms.gle/4MD9DoY9crz4V6va6
+dezembrosolidario: https://forms.gle/4MD9DoY9crz4V6va6

data/links.yml

@@ -0,0 +1,20 @@
+- title: SEI 2021
+  # description: Semana da Engenharia Informática
+  emoji: 🤖
+  url: https://seium.org
+
+- title: Dezembro Solidário
+  emoji: 🎄
+  url: https://dezembrosolidario.cesium.di.uminho.pt
+
+- title: Voucher Fitness Up
+  emoji: 💪
+  url: https://wetransfer.com/downloads/f8637f7efd828cc02d6228f5aa676caa20201211174153/d424be
+
+- title: LI1 Gloss Guide
+  emoji: 📖
+  url: https://www.notion.so/cesiuminho/How-to-Gloss-5d91d8b6733648bb98324e576e7387ae
+
+- title: O Futuro dos eSports
+  emoji: 🎮
+  url: https://cesium.di.uminho.pt/articles/14

data/settings.yml

@@ -0,0 +1 @@
+domain: https://cesium.di.uminho.pt

data/social.yml

@@ -0,0 +1,19 @@
+- name: Facebook
+  tag: facebook
+  url: https://facebook.com
+  username: cesiuminho
+
+- name: Instagram
+  tag: instagram
+  url: https://instagram.com
+  username: cesiuminho
+
+- name: Twitter
+  tag: twitter
+  url: https://twitter.com
+  username: cesiuminho
+
+- name: GitHub
+  tag: github
+  url: https://github.com
+  username: cesium

next.config.js

@@ -0,0 +1,3 @@
+const withYaml = require('next-plugin-yaml');
+
+module.exports = withYaml();