Merge pull request 'Chapa Sigmóide. Better proposals organization. Philosphy extension. Symbology. Logo.' (#9) from chapa-sigmoide-proposals into main

Reviewed-on: https://mytonton.com.br/git/git/TonTon-UFPA-Comput/site/pulls/9

Gemfile

@@ -0,0 +1,11 @@
+source "https://rubygems.org"
+
+gem 'sinatra'
+gem 'liquid'
+gem 'sinatra-flash'
+gem 'puma'
+gem 'sod'
+gem 'tonton_web'
+gem 'sqlite3'
+gem 'bcrypt'
+gem 'gollum'

app.rb

@@ -2,8 +2,44 @@ require 'gollum/app'
 require 'sinatra/flash'
 require "sqlite3"
 require 'tonton_web'
+require 'pathname'
 
 class TonTonWeb::App < Sinatra::Base
+	# Renders a view by the filename without the extension (without a predefined render)
+	# TODO: pass this to tonton-web code
+	def render_any template_name, base_dir, options = {}
+		for extension in ['.markdown', '.erb']
+			template_name.delete_suffix!(extension)
+		end
+
+		views_root = settings.views || "./views"
+
+		# Search for any file with the given name and any extension
+		# Dir.glob returns an array of matching file paths
+		views_dir = Dir.new("#{views_root}/#{base_dir}")
+
+		found = false
+		filename = nil
+
+		while not found and ( filename = views_dir.read ) != nil
+			if File.basename(filename, ".*") == template_name
+				found = true
+			end
+		end
+
+		if not found
+			halt 404, "Template named '#{template_name}' not found."
+		end
+
+		file_path = "#{base_dir}/#{template_name}"
+
+		engine = File.extname(filename).delete('.').to_sym
+
+		# Dynamically call the correct Sinatra method (e.g., erb :hello, markdown :hello)
+		# We use 'send' to call the method by its name symbol
+		send(engine, file_path.to_sym, options)
+	end
+
 	set :host_authorization, { permitted_hosts: ['localhost', 'mytonton.com.br'] }
 
 	set :sessions, true
@@ -16,15 +52,17 @@ class TonTonWeb::App < Sinatra::Base
 		markdown File.read("readme.md"), layout_engine: :erb, layout: true
 	end
 
-	get '/:name' do
+	# Chapa Sigmóide
-		markdown request.path_info.to_sym, layout_engine: :erb, layout: true
-	end
 
-	get '/chapa-sigmoide/readme' do
+	get '/chapa-sigmoide' do
-		erb request.path_info.to_sym, layout_engine: :erb, layout: :chapa_sigmoide
+		redirect "/chapa-sigmoide/readme.markdown"
 	end
 
 	get '/chapa-sigmoide/:name' do
-		markdown request.path_info.to_sym, layout_engine: :erb, layout: :chapa_sigmoide
+		render_any params['name'], 'chapa-sigmoide', layout_engine: :erb, layout: :chapa_sigmoide
+	end
+
+	get '/chapa-sigmoide/members/:name' do
+		render_any params['name'], 'chapa-sigmoide/members', layout_engine: :erb, layout: :chapa_sigmoide
 	end
 end

public/chapa-sigmoide/logo-circular.svg

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1080"
+   height="1080"
+   viewBox="0 0 1080 1080"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="logo circular.svg"
+   inkscape:export-filename="logo circular.png"
+   inkscape:export-xdpi="127"
+   inkscape:export-ydpi="127"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="0.35555555"
+     inkscape:cx="362.8125"
+     inkscape:cy="562.5"
+     inkscape:window-width="1275"
+     inkscape:window-height="854"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#060e1e;stroke-width:540.899;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.404183"
+       id="rect1"
+       width="1080"
+       height="1080"
+       x="0"
+       y="0" />
+    <g
+       id="g1"
+       transform="matrix(0.99798365,0,0,0.99798365,-60.295389,47.671836)">
+      <path
+         style="fill:none;stroke:#85e80c;stroke-width:52.9167;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.404183"
+         d="M 751.63644,87.893311 C 424.83378,78.124031 794.59721,977.5525 465.54527,906.05215"
+         id="path2"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="fill:none;stroke:#85e80c;stroke-width:52.9167;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         id="path1"
+         cx="601.50824"
+         cy="493.32288"
+         r="434.61652" />
+      <text
+         xml:space="preserve"
+         style="font-size:511.578px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#85e80c;fill-opacity:1;stroke:none;stroke-width:11.9926;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.74902"
+         x="290.39554"
+         y="674.776"
+         id="text2"><tspan
+           sodipodi:role="line"
+           id="tspan2"
+           style="font-weight:bold;font-size:511.578px;fill:#85e80c;fill-opacity:1;stroke:none;stroke-width:11.9926"
+           x="290.39554"
+           y="674.776">C</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-size:511.578px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:11.9926;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.74902"
+         x="668.36267"
+         y="676.75854"
+         id="text3"><tspan
+           sodipodi:role="line"
+           id="tspan3"
+           style="font-weight:bold;font-size:511.578px;fill:#85e80c;fill-opacity:1;stroke-width:11.9926"
+           x="668.36267"
+           y="676.75854">Σ</tspan></text>
+    </g>
+  </g>
+</svg>

public/chapa-sigmoide/logo-retangular-com-texto.svg

@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1080"
+   height="1080"
+   viewBox="0 0 1080 1080"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="logo retangular com texto.svg"
+   xml:space="preserve"
+   inkscape:export-filename="1.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="0.26048651"
+     inkscape:cx="464.51542"
+     inkscape:cy="472.19337"
+     inkscape:window-width="1275"
+     inkscape:window-height="854"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     showgrid="false" /><defs
+     id="defs1"><pattern
+       inkscape:collect="always"
+       xlink:href="#halftones"
+       preserveAspectRatio="xMidYMid"
+       id="pattern3"
+       patternTransform="scale(1)"
+       x="0"
+       y="0" /><pattern
+       patternUnits="userSpaceOnUse"
+       width="10"
+       height="10"
+       preserveAspectRatio="xMidYMid"
+       style="fill:#85e80c"
+       id="halftones"
+       x="0"
+       y="0"
+       inkscape:label="Halftones"
+       inkscape:collect="always"
+       inkscape:isstock="true"><g
+         id="fullPattern"
+         style="display:inline"
+         transform="scale(0.1)"><circle
+           style="fill-opacity:1;stroke:none;paint-order:markers fill stroke;stop-color:#000000"
+           id="circle10"
+           cx="50"
+           cy="50"
+           r="25" /><path
+           id="circle37"
+           style="paint-order:markers fill stroke"
+           d="M 25,0 A 25,25 0 0 1 0,25 25,25 0 0 1 -25,0 25,25 0 0 1 0,-25 25,25 0 0 1 25,0 Z" /><path
+           id="circle39"
+           style="paint-order:markers fill stroke"
+           d="M 125,0 A 25,25 0 0 1 100,25 25,25 0 0 1 75,0 25,25 0 0 1 100,-25 25,25 0 0 1 125,0 Z" /><path
+           id="circle43"
+           style="paint-order:markers fill stroke"
+           d="M 25,100 A 25,25 0 0 1 0,125 25,25 0 0 1 -25,100 25,25 0 0 1 0,75 25,25 0 0 1 25,100 Z" /><path
+           id="circle45"
+           style="paint-order:markers fill stroke"
+           d="m 125,100 a 25,25 0 0 1 -25,25 25,25 0 0 1 -25,-25 25,25 0 0 1 25,-25 25,25 0 0 1 25,25 z" /></g></pattern></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><rect
+       style="fill:#060e1e;fill-opacity:1;stroke:#85e80c;stroke-width:15.07;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1"
+       width="1064.9303"
+       height="1064.9303"
+       x="7.5349998"
+       y="7.5349998" /><text
+       xml:space="preserve"
+       style="font-size:123.833px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#0055ff;fill-opacity:1;stroke:#85e80c;stroke-width:5.49635;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
+       x="106.5845"
+       y="765.59241"
+       id="text3-4-3"><tspan
+         sodipodi:role="line"
+         id="tspan3-92-5"
+         x="106.5845"
+         y="765.59241"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:123.833px;font-family:Iosevka;-inkscape-font-specification:'Iosevka Bold';opacity:1;fill:#85e80c;fill-opacity:1;stroke:none;stroke-width:5.49635;stroke-dasharray:none;stroke-opacity:1">Chapa Sigmóide</tspan></text><g
+       id="g3-1"
+       transform="matrix(1.4757659,0,0,1.4757659,-210.48603,-449.56822)"><rect
+         style="opacity:0.563;fill:url(#pattern3);fill-opacity:1;stroke:#85e80c;stroke-width:16.0863;stroke-linecap:square"
+         id="rect2-6"
+         width="576.58643"
+         height="253.47169"
+         x="200.04315"
+         y="464.04315" /><rect
+         style="fill:#060e1e;fill-opacity:1;stroke:#85e80c;stroke-width:16.0863;stroke-linecap:square"
+         id="rect2"
+         width="576.58643"
+         height="253.47169"
+         x="240.45047"
+         y="426.62692" /><text
+         xml:space="preserve"
+         style="font-size:160px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;opacity:1;fill:#0055ff;fill-opacity:1;stroke:#85e80c;stroke-width:3.77953;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
+         x="329.38364"
+         y="607.76282"
+         id="text3-4"><tspan
+           sodipodi:role="line"
+           id="tspan3-92"
+           x="329.38364"
+           y="607.76282"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:160px;font-family:Iosevka;-inkscape-font-specification:'Iosevka Bold';opacity:1;fill:#85e80c;fill-opacity:1;stroke:none;stroke-width:3.77953;stroke-dasharray:none;stroke-opacity:1">C ∫ Σ</tspan></text></g><text
+       xml:space="preserve"
+       style="font-size:50.3071px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#081e06;fill-opacity:1;stroke:none;stroke-width:10.9694;stroke-linecap:round;stroke-linejoin:round"
+       x="137.41748"
+       y="880.34497"
+       id="text3-0"><tspan
+         sodipodi:role="line"
+         id="tspan3-6"
+         x="137.41748"
+         y="880.34497"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.3071px;font-family:Iosevka;-inkscape-font-specification:Iosevka;fill:#939393;fill-opacity:1;stroke-width:10.9694">ciencia_da_computacao@ufpa-belem</tspan></text></g></svg>

public/chapa-sigmoide/logo-retangular-sem-texto.svg

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1080"
+   height="523.68103"
+   viewBox="0 0 1080 523.68103"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="logo retangular sem texto.svg"
+   xml:space="preserve"
+   inkscape:export-filename="1.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="0.18419178"
+     inkscape:cx="342.03481"
+     inkscape:cy="-27.14562"
+     inkscape:window-width="1275"
+     inkscape:window-height="854"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     showgrid="false" /><defs
+     id="defs1"><pattern
+       inkscape:collect="always"
+       xlink:href="#halftones"
+       preserveAspectRatio="xMidYMid"
+       id="pattern3"
+       patternTransform="scale(1)"
+       x="0"
+       y="0" /><pattern
+       patternUnits="userSpaceOnUse"
+       width="10"
+       height="10"
+       preserveAspectRatio="xMidYMid"
+       style="fill:#85e80c"
+       id="halftones"
+       x="0"
+       y="0"
+       inkscape:label="Halftones"
+       inkscape:collect="always"
+       inkscape:isstock="true"><g
+         id="fullPattern"
+         style="display:inline"
+         transform="scale(0.1)"><circle
+           style="fill-opacity:1;stroke:none;paint-order:markers fill stroke;stop-color:#000000"
+           id="circle10"
+           cx="50"
+           cy="50"
+           r="25" /><path
+           id="circle37"
+           style="paint-order:markers fill stroke"
+           d="M 25,0 A 25,25 0 0 1 0,25 25,25 0 0 1 -25,0 25,25 0 0 1 0,-25 25,25 0 0 1 25,0 Z" /><path
+           id="circle39"
+           style="paint-order:markers fill stroke"
+           d="M 125,0 A 25,25 0 0 1 100,25 25,25 0 0 1 75,0 25,25 0 0 1 100,-25 25,25 0 0 1 125,0 Z" /><path
+           id="circle43"
+           style="paint-order:markers fill stroke"
+           d="M 25,100 A 25,25 0 0 1 0,125 25,25 0 0 1 -25,100 25,25 0 0 1 0,75 25,25 0 0 1 25,100 Z" /><path
+           id="circle45"
+           style="paint-order:markers fill stroke"
+           d="m 125,100 a 25,25 0 0 1 -25,25 25,25 0 0 1 -25,-25 25,25 0 0 1 25,-25 25,25 0 0 1 25,25 z" /></g></pattern></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-156.74445)"><rect
+       style="fill:#060e1e;fill-opacity:1;stroke:#85e80c;stroke-width:0;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1"
+       width="1080"
+       height="523.68103"
+       x="0"
+       y="156.74445" /><g
+       id="g3-1"
+       transform="matrix(1.7059445,0,0,1.7059445,-327.54106,-557.33622)"><rect
+         style="opacity:0.563;fill:url(#pattern3);fill-opacity:1;stroke:#85e80c;stroke-width:16.0863;stroke-linecap:square"
+         id="rect2-6"
+         width="576.58643"
+         height="253.47169"
+         x="200.04315"
+         y="464.04315" /><rect
+         style="fill:#060e1e;fill-opacity:1;stroke:#85e80c;stroke-width:16.0863;stroke-linecap:square"
+         id="rect2"
+         width="576.58643"
+         height="253.47169"
+         x="240.45047"
+         y="426.62692" /><text
+         xml:space="preserve"
+         style="font-size:160px;font-family:'Iosevka Nerd Font';-inkscape-font-specification:'Iosevka Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;opacity:1;fill:#0055ff;fill-opacity:1;stroke:#85e80c;stroke-width:3.77953;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
+         x="329.38364"
+         y="607.76282"
+         id="text3-4"><tspan
+           sodipodi:role="line"
+           id="tspan3-92"
+           x="329.38364"
+           y="607.76282"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:160px;font-family:Iosevka;-inkscape-font-specification:'Iosevka Bold';opacity:1;fill:#85e80c;fill-opacity:1;stroke:none;stroke-width:3.77953;stroke-dasharray:none;stroke-opacity:1">C ∫ Σ</tspan></text></g></g></svg>

public/css/chapa_sigmoide.css

@@ -9,33 +9,20 @@
 :root, ::backdrop
 {
 	--content-space-width: min(100vw, 100vh);
-
 	--empty-space-width: calc( 100vw - var(--content-space-width) );
-
 	--main-font: "Victor Mono";
-
+	--border-width: 0.6vw;
-	--border-width: 0.1rem;
+	--default-distance: min(1vw, 1vh);
-
 	--color-background-1: #060e1e;
-
 	--color-background-faded: #212121ab;
-
 	--color-background-2: #060e1e;
-
 	--color-background-interactive: #ffb30029;
-
 	--color-text-normal: #dcdcdc;
-
 	--color-text-marked: #85e80c;
-
 	--color-text-shadowed: grey;
-
 	--color-clickable-normal: #FF7700;
-
 	--color-clickable-selected: #ffcd5b;
-
 	--color-border: #85e80c;
-
 	--color-border-hover: #bdbdbd;
 }
 
@@ -50,7 +37,7 @@ html, body, :modal
 	color: var(--color-text-normal);
 	background-color: var(--color-background-1);
 	font-family: var(--main-font);
-	font-size: 1.05rem;
+	font-size: 1rem;
 }
 
 header
@@ -144,7 +131,7 @@ img, video
 
 figure { width: fit-content; padding: 0.8rem;}
 
-mark, code, kbd, blockquote > *
+strong, mark, code, kbd, blockquote > *
 {
 	color: var(--color-text-marked);
 	background-color: unset;
@@ -154,7 +141,7 @@ math { font-size: 1.4rem; }
 
 p math { font-size: 1em; }
 
-figcaption { color: var(--color-text-shadowed); }
+figcaption, p.shadowed { color: var(--color-text-shadowed); }
 
 a
 {
@@ -198,6 +185,7 @@ hr { color: var(--color-border); }
 h1, h2, h3, h4, h5, h6, p:not( div > p )
 {
 	overflow-x: auto;
+	overflow-y: hidden;
 	line-height: 1.4em;
 	margin-top: 0;
 }
@@ -232,101 +220,154 @@ button, input[type="submit"], input[type="reset"], input[type="button"]
 
 button svg {pointer-events:none;}
 
+header img
+{
+	width: min(50vw, 50vh);
+	margin-right: auto;
+	margin-left: auto;
+}
+
 div.ficha
 {
 	display: grid;
 	grid-template-rows: auto auto;
-	grid-template-columns: 35% auto;
+	grid-template-columns: max(60%) minmax(40%, 60%);
-	column-gap: 0;
 	width: 100%;
 	max-width: unset;
+	text-wrap: unset;
+	padding: var(--default-distance);
 }
 
-div.ficha h2
+div.ficha div.names
 {
 	grid-row: 1;
-	grid-column: 1 / 3;
+	grid-column: 1;
+	border: 0;
+	overflow-wrap: break-word;
+	overflow: unset;
+	text-wrap: unset;
+	padding: var(--default-distance);
+	width: 100%;
 }
 
 div.ficha figure
 {
-	grid-row: 2;
+	grid-row: 1;
-	grid-column: 1;
+	grid-column: 2;
+	justify-self: end;
 	margin: 0;
-	max-width: 100%;
+	width: 100%;
 	height: fit-content;
 	text-align: center;
 	position: relative;
-	padding: 0.6rem;
+	padding: 0;
 }
 
-div.ficha figure img
+div.ficha img
 {
-	margin-bottom: 0.5rem;
+	margin: 0;
 	aspect-ratio: 3 / 4;
+}
+
+div.ficha:not(.easteregg-visible) img
+{
 	animation-name: image-change;
 	animation-timing-function: ease-in-out;
 	animation-iteration-count: infinite;
 	animation-duration: 10s;
 }
 
-div.ficha figure figcaption
+div.ficha.easteregg-visible img:not(.easteregg)
-{
+{ opacity: 0; }
-	margin: auto;
-}
 
-div.ficha div.description
+div.ficha div.description, div.ficha div.easteregg
 {
 	grid-row: 2;
-	grid-column: 2;
+	grid-column: 1 / 3;
 	max-width: unset;
 	border: unset;
 	width: 100%;
+	overflow-wrap: break-word;
+	overflow: unset;
+	text-wrap: unset;
+	padding: var(--default-distance);
 }
 
 @keyframes image-change
 {
 	0% { opacity: 0; }
-
 	10% { opacity: 1; } 
-
 	50% { opacity: 1; } 
-
 	60% { opacity: 0; }
-
 	100% { opacity: 0; }
 }
 
+@keyframes shake {
+	0%, 100% { transform: translateX(0); }
+	20%, 60% { transform: translateX(-8px) rotate(-1deg); }
+	40%, 80% { transform: translateX(8px) rotate(1deg); }
+}
+
+.animate-shake
+{ animation: shake 0.3s ease-in-out; }
+
+div.easteregg-visible
+{ animation: glow 1s infinite alternate ease-in-out; }
+
+@keyframes glow {
+  0% {
+    border-color: orange;
+    box-shadow: 0 0 10px orange,
+                0 0 20px orange;
+  }
+  
+  100% {
+    border-color: red;
+    box-shadow: 0 0 10px red,
+                0 0 30px red;
+  }
+}
+
+div.easteregg-visible div.description,
+div:not(.easteregg-visible) .easteregg,
+div:not(.easteregg-visible).easteregg
+{ display: none; }
+
+div.easteregg-visible .easteregg
+{ display: block; }
+
 div.ficha figure img:nth-of-type(1)
 { animation-delay: 0s;}
 
-div.ficha figure img:nth-of-type(2)
+div.ficha figure img:not(:nth-of-type(1))
 {
-	animation-delay: 5s;
-	opacity: 0;
 	position: absolute;
 	left: 0rem;
 	top: 0rem;
-	width: 100%;;
+	width: 100%;
 	padding: inherit;
 	box-sizing: border-box;
 }
 
+div.ficha figure img:not(:nth-of-type(1)):not(.easteregg)
+{ opacity: 0; animation-delay: 5s; }
+
+div.ficha img.easteregg
+{ opacity: 1; }
+
+
 @media print
 {
 	:root
 	{
-		--color-text-normal: #000000;
+		--color-text-normal: black;
-		--color-clickable-normal: #003cc7;
+		--color-text-marked: black;
+		--color-border: black;
+		--color-clickable-normal: blue;
 	}
 
 	h1, h2, h3, h4, h5, h6, p:not( div > p )
 	{
 		word-wrap: break-word;
 	}
-
-	#buttonShowDialogMain
-	{
-		display: none;
-	}
 }

public/javascript/chapa_sigmoide.js

@@ -0,0 +1,75 @@
+const cards = document.querySelectorAll('div.ficha');
+
+for (const card of cards)
+{
+	card.addEventListener('click', handleCardClick);
+}
+
+const eastereggContainers = document.querySelectorAll('div.ficha:has(.easteregg), div.ficha.easteregg');
+
+const messageBox = document.getElementById('message-box');
+
+let clickCount = 0;
+let lastClickTime = 0;
+const clickThreshold = 800;
+const expandDuration = 5000;
+
+let hideTimeoutId = null;
+
+function hideEastereggs() {
+	for (const div of eastereggContainers)
+	{
+		div.classList.remove('easteregg-visible');
+	}
+}
+
+function expandEastereggs() {
+	for (const div of eastereggContainers)
+	{
+		div.classList.add('easteregg-visible');
+	}
+
+	// Clear any existing timeout and set a new one
+	if (hideTimeoutId) {
+		clearTimeout(hideTimeoutId);
+	}
+
+	hideTimeoutId = setTimeout(
+		() => { hideEastereggs(); },
+		expandDuration
+	);
+
+	clickCount = 0;
+}
+
+function handleCardClick(event) {
+	const now = Date.now();
+
+	let element = event.target;
+
+	while (!element.classList.contains("ficha"))
+	{ element = element.parentElement }
+
+	element.classList.add('animate-shake');
+
+	setTimeout(
+		() => { element.classList.remove('animate-shake'); },
+		300
+	);
+
+	// Determine if the click is 'in a row'
+	if (now - lastClickTime < clickThreshold)
+	{ clickCount++; }
+	else
+	{
+		clickCount = 1;
+		if (element.classList.contains('easteregg-visible'))
+		{ hideEastereggs(); }
+	}
+	
+	lastClickTime = now;
+
+	// Check for the 3-click trigger
+	if (clickCount >= 3)
+	{ expandEastereggs(); }
+}

views/chapa-sigmoide/QA.markdown

@@ -0,0 +1,53 @@
+# Perguntas e respostas sobre a Chapa Sigmóide
+
+## Quais são as chapas alternativas à Chapa Sigmóide?
+
+Apenas a [Chapa Linus Torvalds](https://www.instagram.com/chapalinus/).
+
+## Qual é a relação entre a Chapa Sigmóide e a Chapa Linus Torvalds?
+
+Muitos dos integrantes de ambas as chapas são colegas de sala, e ingressaram juntos na faculdade.
+
+A Chapa Sigmóide reconhece a competência da Chapa Linus Torvalds, e deseja-lhe boa sorte. ♥
+
+## Por que duas chapas?
+
+Para dar mais opções aos eleitores, para ser algo singular.
+
+Observando a personalidade própria que a chapa desenvolveu, avaliamos que isso foi alcançado.
+
+## Por que a chapa não tem mulheres?
+
+Dentre as diversas pessoas convidadas para integrar a chapa, estavam algumas graduandas.
+
+No entanto, a assintonia entre os números de homens e de mulheres no curso foi um desafio durante a escolha. A proporção dentre os calouros de 2025 estava em torno de 8 para 1, conforme a [primeira lista de classificados](https://files.listao.ufpa.br/classificados/038.html) divulgada pela UFPA. Isso é algo que a chapa visa se esforçar para melhorar.
+
+Conforme o estatuto do Centro Acadêmico, além da diretoria executiva, da qual fazem parte os 6 membros atuais, a gestão também possui 5 diretorias integradas, cada uma com dois cargos de diretor. Caso eleita, a Chapa Sigmóide deixará aberto um cargo de cada diretoria integrada, e reitera os convites anteriores a quem quiser ocupar um desses cargos.
+
+Apenas um cargo de cada diretoria integrada ficaria aberto até o ano de 2026, para que entrantes desse ano, incluindo as calouras, também tenham a oportunidade de participar da gerência do Centro Acadêmico.
+
+## Não ter mulheres em cargos de liderança não é algo negativo?
+
+A presença de mulheres em cargos de liderança é um incentivo ao público feminino. Isso foi algo levado em consideração no convite de membros, apesar dos desafios já citados.
+
+No entanto, o termo "cargo de liderança" é relativo. De certo modo, todos os cargos da chapa são cargos de liderança.
+
+Apesar das diferentes atribuições dos cargos, previstas pelo estatuto do Centro Acadêmico, há uma convergência no diálogo e na importância de cada um, no direito de se engajar e no direito de ser engajado.
+
+Metaforicamente, a Chapa Sigmóide nasceu como uma tábula redonda e aberta, e continuará carregando essa premissa consigo.
+
+## O que foi levado em consideração na escolha dos membros?
+
+Principalmente, o interesse em participar e em colaborar, assim como o engajamento observado.
+
+Para decidir o cargo a ser ocupado por cada pessoa, foi levado em conta suas habilidades e gostos pessoais.
+
+O desempenho das funções dentro da Chapa Sigmóide visa a felicidade de quem atua. Por isso, além das atribuições primárias, os membros também podem (e são encorajados) a contribuir com aquilo que se identificam.
+
+Por exemplo, o Secretário Geral atua em design e produção visual e artística dentro da chapa, e o Presidente atua na programação e administração do site.
+
+## Por que eu deveria votar na Chapa Sigmóide?
+
+Em última análise, essa é uma pergunta que fica para você, eleitor.
+
+Enquanto isso, a chapa continuará sendo uma opção para os eleitores, e agradeçe aos que, de alguma forma, se identificam com o aquilo que apresentamos.

views/chapa-sigmoide/acting.markdown

@@ -0,0 +1,31 @@
+# Propostas
+
+A proposta de atuação da Chapa Sigmóide se baseia, principalmente, nos tópicos que compõem a [personalidade](personality.markdown) da chapa.
+
+Como itens mais específicos, temos:
+
+ - [Presença no CA](presence-at-CA.markdown)
+
+ - [Site do curso e do CA](site.markdown)
+
+ - [Canal no Youtube](youtube.markdown)
+
+ - [Servidor aberto no Discord](discord.markdown)
+
+ - [Gravação de reuniões](meeting-recording.markdown)
+
+ - [Programação competitiva](competitive-programming.markdown)
+
+ - [Torneios de jogos](game-tournaments.markdown)
+
+ - [Vitrine de projetos](project-showcase.markdown)
+
+ - [Câmera de segurança no Centro Acadêmico](security-camera.markdown)
+
+ - [Computador x64 no Centro Acadêmico](x64-computer-at-CA.markdown)
+
+ - [Computador ARM no Centro Acadêmico](ARM-computer-at-CA.markdown)
+
+ - [Computador ARM no Centro Acadêmico](ARM-computer-at-CA.markdown)
+
+ - [Compilado do calouro](begginer-compilated.markdown)

views/chapa-sigmoide/competitive-programming.markdown

@@ -0,0 +1,3 @@
+## Programação competitiva
+
+Organizar eventos de programação competitiva (como Capture The Flag) presenciais e remotos, buscando o apoio da Facomp e de empresas interessadas.

views/chapa-sigmoide/discord.markdown

@@ -0,0 +1,3 @@
+## Kortéx, um servidor no Discord aberto para o curso
+
+Atuar na moderação e na divulgação do Kortéx, um servidor aberto de estudos de computação no Discord.

views/chapa-sigmoide/game-tournaments.markdown

@@ -0,0 +1,3 @@
+## Torneios de games
+
+Organizar torneios de jogos presenciais e remotos, e buscar a parceria com o Centro Acadêmico de Sistemas de Informação nesses eventos.

views/chapa-sigmoide/meeting-recording.markdown

@@ -0,0 +1,5 @@
+## Reuniões ordinárias gravadas
+
+Gravação das reuniões mensais do centro academico, que serão postadas no Youtube.
+
+Atas serão disponibilizadas no site.

views/chapa-sigmoide/members.erb

@@ -0,0 +1,182 @@
+<h1>Chapa Sigmóide</h1>
+
+<p>Gregor Samsa</p>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>Presidente</strong></p>
+
+		<p>Mateus Cezário Barreto</p>
+
+		<p class="shadowed">seruna@artix</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/mateus.jpg">
+
+		<img src="/chapa-sigmoide/mateus-avatar.png"/>
+
+		<img class="easteregg" src="/chapa-sigmoide/mateus-easteregg.gif"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> programação, Linux, código aberto, Hollow Knight, Undertale, Deltarune, Chuunibyo.</p>
+
+		<p><a href="mateus.markdown">Mais</a></p>
+	</div>
+
+	<div class="easteregg">
+		<p>UwU</p>
+	</div>
+</div>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>Vice-Presidente</strong></p>
+
+		<p>Lucas Santos Diniz</p>
+
+		<p class="shadowed">zost@arch</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/lucas.jpg"/>
+
+		<img src="/chapa-sigmoide/lucas-avatar.jpg"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> tecnologia, estudar, séries, filmes, jogos, desenhos.</p>
+
+		<p><a href="lucas.markdown">Mais</a></p>
+	</div>
+</div>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>Secretário Geral</strong></p>
+
+		<p>Leonardo Brito da Conceição</p>
+
+		<p class="shadowed">kfk@garuda</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/leonardo.jpg"/>
+
+		<img src="/chapa-sigmoide/leonardo-avatar.jpg"/>
+
+		<img class="easteregg" src="/chapa-sigmoide/leonardo-easteregg.jpg"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> design em geral, filmes e  quadrinhos.</p>
+
+		<p><a href="leonardo.markdown">Mais</a></p>
+	</div>
+
+	<div class="easteregg">
+		<p>BUSTAMONTE</p>
+	</div>
+</div>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>1º Secretário</strong></p>
+
+		<p>João Davi Costa de Souza</p>
+
+		<p class="shadowed">jd@arch</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/joao.jpg"/>
+
+		<img src="/chapa-sigmoide/joao-avatar.jpg"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> design em geral, filmes e quadrinhos.</p>
+
+		<p><a href="joao.markdown">Mais</a></p>
+	</div>
+</div>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>Tesoureiro Geral</strong></p>
+
+		<p>Yuri Gabriel Cardoso Delgado</p>
+
+		<p class="shadowed">vanel@arch</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/yuri.jpg"/>
+
+		<img src="/chapa-sigmoide/yuri-avatar.jpg"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> Linux, Low-Level, Ficção Científica, Conhecimento Livre e Cibersegurança.</p>
+		<p><a href="yuri.markdown">Mais</a></p>
+	</div>
+</div>
+
+<div class="ficha">
+	<div class="names">
+		<p><strong>1º Tesoureiro</strong></p>
+
+		<p>Luiz Henrique Mendes Costa</p>
+
+		<p class="shadowed">henrique@ubuntu</p>
+	</div>
+
+	<figure>
+		<img src="/chapa-sigmoide/henrique.png"/>
+
+		<img src="/chapa-sigmoide/henrique.png"/>
+	</figure>
+
+	<div class="description">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> animes, manhwa, games, rpg, cibersegurança e curiosidades tecnológicas</p>
+
+		<p><a href="henrique.markdown">Mais</a></p>
+	</div>
+</div>
+
+<div class="ficha easteregg">
+	<div class="names">
+		<p><span class="shadowed">(Quase) <span><strong>Tesoureiro</strong></p>
+
+		<p>Fabill</p>
+
+		<p class="shadowed">Windows user</p>
+	</div>
+
+	<figure>
+		<img class="easteregg" src="/chapa-sigmoide/fabill.jpg"/>
+	</figure>
+
+	<div class="easteregg">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> bíblia, animes e FNAF.</p>
+
+		<p>america yaaa</p>
+
+		<p>Último detentor do Orange Pi.</p>
+	</div>
+</div>

views/chapa-sigmoide/members/henrique.markdown

@@ -0,0 +1,8 @@
+​"Se você não gosta do seu destino, não o aceite. Em vez disso, tenha a coragem de mudá-lo do jeito que você quer que ele seja."
+​— Naruto Uzumaki
+
+Nas horas vagas, sou um entusiasta dedicado ao universo do entretenimento digital: gosto de mergulhar nas histórias de animes e manhwa, além de passar o tempo em games e na imersão dos mundos de RPG.
+
+​Ja academicamente , estou atualmente no 2º semestre e tenho um forte interesse em Cibersegurança e curiosidades tecnológicas. Estou sempre em busca de novos conhecimentos para me aprofundar neste campo em constante evolução.
+
+​Acredito que, para alcançarmos um futuro melhor, a iniciativa de mudança deve ser tomada no presente. Por isso, tenho como  filosofia de vida, que ao invés de ficar sentado esperando que algo mude, ir la e ajudar na mudança.

views/chapa-sigmoide/members/joao.markdown

@@ -0,0 +1 @@
+"Ele adora carregar livros"

views/chapa-sigmoide/members/lucas.markdown

@@ -0,0 +1,43 @@
+#include <lucaszost>  
+int main ()  
+{  
+
+cout << "  
+Olá a todos.  
+
+Há uma frase que desde que ouvi nunca mais saiu da minha cabeça. 'As pessoas suplicam por uma força que já existe dentro delas!'  
+
+    
+Sou o vice-presidente da chapa Sigmóide. Como participante, é de bom agrado poder concorrer a ajudar meus amigos e colegas durante esses longos anos de curso. Fico feliz que esteja aqui lendo isso também. Depois lhe pago um bombom.  
+
+
+Ao longo do percorrer do tempo, pretendo fazer o possível para ajudar nosso centro acadêmico a seguir crescendo da maneira correta e ajudar pessoas novatas a atingirem seu potencial. Não há nada que ninguém tão sábio possa aprender, nem tão ignorante que não possa ensinar.  
+
+
+Como ideias iniciais, meu objetivo é atingir principalmente os novatos do PS2026 para que tenham uma chegada confortante e feliz ao seu novo ramo de estudo principal. Por exemplo, a melhoria/criação de um tutorial completo indicando como oficializar sua vaga pós listão (que sabemos que é bem ruim, e que tive a infeliz oportunidade de presenciar a perda de uma vaga de uma pessoa por conta disso), divulgações de grupos de estudos e materiais didáticos para auxiliar nossos calouros a um futuro promissor e assim por diante.  
+
+  
+
+Como pessoa, sou entusiasta a tudo que envolve programação, com ênfase em cibersegurança,  criação de jogos e criação de software.
+Na maioria das vezes (90%) sou curioso a saber como tudo funciona, até nos mínimos detalhes. Então sempre tô por aí fazendo as perguntas mais bestas e complexas pra saber cada detalhe de cada coisa.  
+
+
+Gostos? muitos jogos indies com ótimas músicas (Sayonara Wild Hearts, Celeste, Hollow knight, Inside, Subnautica...) e etc...
+Músicas? a lista seria gigante, mas posso simplificar apenas com 3 (Iris - Pastel Ghost, I Walk this earth all by myself, Inside - Sayonara Wilds Hearts)  
+
+
+Se leu tudo isso, és um guerreiro ou uma dama, lhe dou meus sinceros parabéns.
+Qualquer pergunta ou se quiser um melhor contato social, meu instagram está logo abaixo, no mais, é isso!  
+
+
+
+
+E lembre-se, a realidade é uma ilusão, o universo é um holograma, compre ouro.  
+instagram:   https://www.instagram.com/lucas_zost?igsh=ZGt4NjhkZ2I1cTB4
+
+
+
+" << endl;  
+    
+return 0;  
+}  

views/chapa-sigmoide/members/yuri.markdown

@@ -0,0 +1,45 @@
+# Yuri Gabriel Cardoso Delgado (Tesoureiro Geral)
+
+<p style="text-align: center;">"That's Tron. He fights for the Users."</p>
+
+<img style="margin-left:auto; margin-right:auto;" src="https://preview.redd.it/tron-1982-v0-v2ityqwxi8aa1.gif?width=498&auto=webp&s=5e7d499f1313f4f0380962cf3af1a732f1774f02"/>
+
+<br>
+
+Nas horas vagas, gosto de desenhar, conhecer obras de ficção científica e ver alguns filmes antigos, como Tron, Godzilla, Solaris e The Dark Crystal.
+
+Em computação, atualmente estou focado em estudar a base e linguagens como C e C++. Pretendo me aprofundar no universo de baixo nível e também tenho um forte interesse em cibersegurança.
+
+Acredito e apoio fortemente filosofias como conhecimento livre e código aberto. Com o objetivo de fortalecer e levar esses valores para a comunidade, criei um grupo de estudos chamado [kortéx](https://chat.whatsapp.com/GafH4NbMsH8EicCJehYylX). Com o auxílio e participação dos meus colegas, esperamos construir um ambiente para que todos possam compartilhar e trocar conhecimento livremente e, assim, fortalecer a comunidade acadêmica.
+
+---
+<footer>
+
+<a href="https://instagram.com/vaneldoga">Instagram</a>
+<a href="https://www.github.com/vaneldoga"> - GitHub - </a>
+<a href="https://www.linkedin.com/in/yuri-delgado/">Linkedin</a>
+
+</footer>
+---
+
+
+
+<img class="img" src="https://media.tenor.com/4sasKil2VFMAAAAM/hanni-pham-hanni.gif"/>
+
+<style>
+.img {
+    margin-left: auto;
+    margin-right: auto;
+    border: 0px;
+    opacity: 0%;
+    height: 150px;
+}
+
+.img:hover {
+    opacity: 100%;
+}
+
+footer {
+    text-align: center;
+}
+</style>

views/chapa-sigmoide/personality.markdown

@@ -0,0 +1,103 @@
+# Personalidade
+
+Princípios que norteiam a Chapa Sigmóide.
+
+## Simplicidade
+
+Baseado na filosofia KISS (Keep It Simple, Stupid), de buscar soluções simples.
+
+Envolve expressividade na comunicação: transmitir ideias complexas de forma concisa e digerível, no intuito de facilitar a transmissão e a recepção de informação.
+
+Pode ser vista no design da chapa, elaborado para ser limpo e conciso em elementos visuais.
+
+## Ubuntu
+
+A palavra ubuntu, que também é o nome de uma distribuição Linux, significa "humanidade para os outros".
+
+Trata-se de procurar entender as necessidades, os objetivos e a identidade de cada estudante e, mesmo diante das diferenças, buscar e cultivar os pontos de união. É sobre compreensão, diálogo e aproximação.
+
+## Colaboração
+
+Trata-se de somar pessoas e esforços para construir.
+
+A colaboração preconizada não é só interna, entre os associados do Curso de Ciência da Computação, mas também externa, com outros cursos e centros acadêmicos de dentro e de fora da UFPA.
+
+A Chapa Sigmóide também entende que grupos de estudo e projetos em grupo devem ser incentivados e divulgados pelo Centro Acadêmico. A própria chapa é um exercício de colaboração entre os membros, os quais não deixam de serem estudantes.
+
+## Rede distribuída
+
+Baseado na idéia de DIY (do it yoursef) e em dois pontos específicos da filosofia Unix, de acordo com Doug McIlroy:
+
+ - Escreva programas que façam apenas uma coisa, mas que a façam bem feita.
+
+ - Escreva programas que trabalhem juntos.
+
+É o encorajamento a iniciativas partindo dos estudantes e dos próprios membros do Centro Acadêmico, na condição de estudantes, podendo criar e sustentar projetos e atividades que não estão diretamente ligadas ao Centro Acadêmico ou que não são realizadas por ele, mas são divulgadas e apoiadas como processos paralelos.
+
+Enquanto o Centro Acadêmico visará focalizar os seus esforços na realização de atividades mais relacionadas à computação e à intermediação com a faculdade, incentivaremos essas iniciativas e as manteremos próximas.
+
+O objetivo é fornecer um ecossistema rico, favorecendo a autonomia do aluno, onde os processos dialogam entre si de forma construtiva.
+
+Adoraríamos ver mais iniciativas de nicho ou independentes florescendo e poder apoiá-las. Alguns exemplos que já existem são:
+
+ - O Porãygua Dev Group, uma comunidade voltada à inovação e desenvolvimento tecnológico na Região Norte. Foi uma inspiração não só para a chapa, mas para os calouros de 2025 no geral, sobre a importância da tomada de iniciativa, da orientação a projetos e do espírito de comunidade estudantil.
+
+ - O Kortéx, um grupo de estudos aberto no Discord criado pelo Tesoureiro Geral da Chapa Sigmóide, Yuri Delgado. O servidor, que começou apenas como um grupo de estudos de uma turma específica, evoluiu para reunir pessoas de diferentes locais do Brasil em torno do tema de computação, e isso influenciou a concepação da chapa de que o Centro Acadêmico de Ciência da Computação deve impulsionar o curso para fora da fronteira do campus.
+
+ - As sessões de RPG que ocorrem no Centro Acadêmico toda semana, da qual alguns membros da Chapa Sigmóide participam. Mesmo não tendo relação direta com computação, a iniciativa demonstra o quão importante é a iniciativa dos alunos para enriquecer a vivência no campus.
+
+O objetivo da chapa é participar da construção de um ecossistema rico aos estudantes, favorecendo a autonomia do aluno, onde os processos dialogam entre si de forma construtiva. Queremos dar incentivo e apoio às ideias dos alunos em vários âmbitos:
+
+ - Buscando contato com a Facomp sobre os projetos e ideias que despertam o interesse do corpo estudantil.
+
+ - Exposição da atuação do Centro Acadêmico e dos alunos de Ciência da Computação à sociedade.
+
+ - Divulgação das atividades em andamento para o público interno, na procura por engajamento.
+
+ - Ajuda na capitalização por meio de campanhas de financiamento coletivo e na captação de recursos materiais.
+
+ - Apreciação de requisições de recurso de caixa do Centro Acadêmico, mediante votação.
+
+## Capilaridade
+
+Usar vários meios de comunicação para ampliar o alcançe ao público.
+
+Atualmente, a Chapa Sigmóide possui uma conta no Instagram e um site, e, caso eleita, investirá também no ambiente do Discord, do Linkedin, do GitHub e Youtube.
+
+## Transparência
+
+Trata-se de incentivar o acompanhamento da atuação do Centro Acadêmico pelo público.
+
+Reconhecemos a importância do acesso à informação na construção de um ambiente colaborativo e aberto.
+
+Um aspecto importante da transparência é o código aberto. A Chapa Sigmóide tem uma relação íntima com software de código aberto, no que diz respeito:
+
+ - Aos softwares utilizados, como Linux.
+ - Aos softwares desenvolvidos, como é o caso do site da chapa.
+
+Em relação ao curso e à faculdade, trata-se também em fornecer riqueza de informações e notícias aos alunos de forma persistente, e facilitar o acesso dos mesmos a esses informes.
+
+## Amigável
+
+A Chapa Sigmóide tem o objetivo de ser amigável ao estudantes, no sentido de buscar proximidade constante e diminuir a distância comunicativa entre estudante e Centro Acadêmico.
+
+Esse é um ponto muito relevante para a chapa, considerando o fato de que muitos integrantes nunca estiveram em tal posição, expostos a um público tão grande. Muitos estão se propondo a algo novo, e coisas novas podem causar ansidade, incerteza, receio de talvez não ser bom o suficiente, não ser competente o suficiente.
+
+Mas também estamos empolgados e motivados por poder contribuir com o curso, e animados com a possibilidade de conhecer melhor nossos colegas de jornada, desde os que já estão nesse ambiente há mais tempo que nós, e certamente tem muita experiência e vivência, quanto os que ainda estão por vir.
+
+O fato de que não que não estamos sozinhos têm sido reconfortante nessa jornada, desde a criação da chapa, e é esse sentimento que a chapa visa transmitir a cada estudante.
+
+## Presença social
+
+É a responsabilidade do Centro Acadêmico em tabalhar para difundir o curso de Ciência da Computação. De não atuar apenas internamente, entre aqueles que já são alunos, mas também externamente, levando em conta as pessoas potencialmente interessadas no curso, desde as que estejam prestando o Enem até aquelas que ainda nem tenham chegado ao Ensino Médio.
+
+Pretendemos fortalecer a presença social e digital do Centro Acadêmico, atuando com mais frequência em eventos de computação direcionados a pessoas de fora da área, divulgando mais:
+
+ - Das rotinas de estudo dentro do curso
+
+ - Dos conteúdos estudados
+
+ - De informações relacionadas ao processo seletivo da UFPA
+
+ - Daquilo que produzimos
+

views/chapa-sigmoide/presence-at-CA.markdown

@@ -0,0 +1,31 @@
+# Presença no Centro Acadêmico
+
+O Presidente, o Tesoureiro Geral e o Secretário Geral da Chapa Sigmóide se dispõem a passar a manhã de um dos dias da semana no Centro Acadêmico, caso a chapa seja eleita.
+
+Essa iniciativa veio originalmente do Presidente da chapa, Mateus Barreto, por ocasião do mesmo morar próximo à UFPA e ter disponibilidade atual de horário pela manhã.
+
+O Tesoureiro Geral, Yuri Delgado, e o Secretário Geral, Leonardo Brito, apesar dos compromissos e de outros dificultantes, também demonstraram interesse em participar.
+
+Como finalidade, temos:
+
+ - Fazer a limpeza e organização do Centro Acadêmico, e tornar isso uma rotina.
+
+ - Estar à disposição dos alunos.
+
+ - Realizar atividades e produzir conteúdo semanal.
+
+ - Consolidar a percepção de presença do Centro Acadêmico.
+
+ - Estabelecer um diálogo mais próximo com os estudantes de Sistemas de Informação do turno da manhã.
+
+Como exemplos de atividades e conteúdo, podemos citar:
+
+ - Gravação e edição de vídeos para o Youtube.
+
+ - Desenvolvimento do site do Centro Acadêmico.
+
+ - Postagens no Instagram.
+
+ - Elaboração de materiais para calouros.
+
+Também gostariamos de transmitir o período em que estivermos presentes no CA, já que a ideia é justamente ter uma interação mais próxima entre os alunos. Planejamos usar o Discord para esse fim, a princípio.

views/chapa-sigmoide/project-showcase.markdown

@@ -0,0 +1,5 @@
+## Vitrine de projetos
+
+Evento aberto em que estudantes de dentro e de fora da UFPA serão convidados para apresentar seus projetos pessoais e assistir às apresentações de outros estudantes.
+
+O foco do evento não é só em resultado final, mas nos processos que envolvem o desenvolvimento de código em geral: avanço, melhoria, redesign, teste, revisão e outros. Com isso, queremos diminuir as barreiras de participação, atuando para a inclusão, desde programadores iniciantes até experientes, e motivar os estudantes a por a mão na massa, documentando e registrando as suas rotinas de desenvolvimento.

views/chapa-sigmoide/readme.erb

@@ -1,65 +0,0 @@
-<h1>Chapa Sigmóide</h1>
-
-<p>Gregor Samsa</p>
-
-<div class="ficha">
-	<h2>Presidente</h2>
-
-	<figure>
-		<img src="/chapa-sigmoide/mateus.jpg">
-
-		<img src="/chapa-sigmoide/mateus-avatar.png"/>
-
-		<figcaption>seruna@artix</figcaption>
-	</figure>
-
-	<div class="description">
-		<p>Nome: Mateus Cezário Barreto</p>
-		<p>Semestre: 2º</p>
-		<p>Ano de nascimento: 2005</p>
-		<p>Interesses: Linux</p>
-		<p><a href="mateus">Mais</a></p>
-	</div>
-</div>
-
-<div class="ficha">
-	<h2>Vice-Presidente</h2>
-
-	<figure>
-		<img src="/chapa-sigmoide/lucas.jpg"/>
-
-		<img src="/chapa-sigmoide/lucas-avatar.jpg"/>
-
-		<figcaption>zost@arch</figcaption>
-	</figure>
-
-	<div class="description">
-		<p>Nome: Lucas Santos Diniz</p>
-		<p>Semestre: 2º</p>
-		<p>Ano de nascimento:</p>
-		<p>Interesses:</p>
-		<p><a href="lucas">Mais</a></p>
-	</div>
-</div>
-
-
-
-<div class="ficha">
-	<h2>Secretário Geral</h2>
-
-	<figure>
-		<img src="/chapa-sigmoide/leonardo.jpg"/>
-
-		<img src="/chapa-sigmoide/leonardo-avatar.jpg"/>
-
-		<figcaption>kfk@garuda</figcaption>
-	</figure>
-
-	<div class="description">
-		<p>Nome: Leonardo Brito da Conceição</p>
-		<p>Semestre: 2º</p>
-		<p>Ano de nascimento:</p>
-		<p>Interesses:</p>
-		<p><a href="leonardo">Mais</a></p>
-	</div>
-</div>

views/chapa-sigmoide/readme.markdown

@@ -0,0 +1,23 @@
+# Chapa Sigmóide
+
+Olá, mundo!
+
+A Chapa Sigmóide é uma chapa eleitoral concorrendo à gerência do Centro Acadêmico de Ciência da Computação da Universidade Federal do Pará (UFPA), campus de Belém.
+
+[Integrantes](members.erb)
+
+[Perguntas e respostas](QA.markdown)
+
+[Simbologia](symbology.markdown)
+
+[Proposta de atuação](acting.markdown)
+
+[Mascotes](mascots.markdown)
+
+Esse site é construído de forma aberta e graças à colaboração dos membros, com o código fonte disponível em [mytonton.com.br/git](/git). O domínio [mytonton.com.br](https://mytonton.com.br) é custeado por Mateus Barreto (Presidente) e Yuri Delgado (Tesoureiro Geral), de forma voluntária. Esse domínio não é exclusivo para a Chapa Sigmóide, mas parte de um projeto separado.
+
+A experiência de criar esse site para a chapa tem sido uma grata experiência para os envolvidos, assim como a construção da chapa no geral. Todos os integrantes da chapa estão cursando o 2º semestre, sendo que alguns tiveram contato relativamente superficial com computação antes de ingressar na faculdade, mas, ainda assim, compartilham o interesse por contribuir, interesse esse que está enraizado na chapa, desde a gênese.
+
+A Chapa Sigmóide deixa registrado um presente de melhores esforços direcionados ao curso de Ciência da Computação, com a certeza de que o tempo dedicado por cada membro foi acompanhado de muito carinho.
+
+♥

views/chapa-sigmoide/security-camera.markdown

@@ -0,0 +1,3 @@
+## Câmera
+
+Equipar, no longo prazo, uma câmera no Centro Acadêmico para melhorar a segurança do local.

views/chapa-sigmoide/site.markdown

@@ -0,0 +1,27 @@
+# Site para o Curso de Ciência da Computação na UFPA
+
+Site para o Curso de Ciência da Computação e para o Centro Acadêmico, para divulgar:
+
+ - Notícias
+
+ - Avisos
+
+ - Conteúdo de apoio
+
+ - Projetos dos discentes
+
+ - Bolsas abertas
+
+ - Idéias experimentais
+
+ - Datas importantes
+
+ - Disciplinas optativas
+
+Tentaremos também implementar notificações por email para distribuir informações pertinentes aos alunos.
+
+Os representantes de turma também terão acesso ao site, podendo adicionar informação em áreas específicas para cada turma. Ainda assim, os estudantes também poderão contribuir com informação.
+
+Essa proposta visa facilitar o acesso à informação pelos estudantes.
+
+Pretendemos providenciar um domínio e um VPS para o site, e construí-lo de forma aberta e colaborativa.

views/chapa-sigmoide/symbology.markdown

@@ -0,0 +1,19 @@
+# Simbologia
+
+A letra **C** simboliza a programação.
+
+Faz referência à linguagem C, uma linguagem de programação compilada, procedural, de propósito geral e de baixo nível amplamente conhecida e utilizada.
+
+O símbolo **∫** (integral) representa o cálculo e a matemática contínua.
+
+O formato do S estilizado também se assemelha ao de uma função sigmóide, um tipo de função matemática logística cujo valor varia de 0 à 1.
+
+![Função Sigmóide](/chapa-sigmoide/sigmoid-function.svg)
+
+A letra grega **Σ** (sigma) denota a operação de somatório e representa a matemática discreta.
+
+O formato da letra grega sigma lembra o da letra E, formando, com as demais letras, a sequência **CSE**, que remete a:
+
+ - **C**omputer **S**cienc**E**
+
+ - **C**hapa **S**igmóid**E**

views/chapa-sigmoide/x64-computer-at-CA.markdown

@@ -0,0 +1,5 @@
+## Computador no Centro Acadêmico
+
+A idéia inicial é providenciar e configurar um Orange Pi para o Centro Acadêmico. Essa é uma idéia experimental.
+
+Como alternativa de longo prazo, tentaremos levantar recursos financeiros para montar um computador.

views/chapa-sigmoide/youtube.markdown

@@ -0,0 +1,5 @@
+## Canal no Youtube
+
+Criar um canal no Youtube para publicar vídeos relacionados ao curso de ciência da computação e ao Centro Acadêmico, com diferentes quadros e formatos, produzidos em colaboração com os alunos.
+
+A inspiração dessa idéia veio do canal Bit por Bit, voltado à mesma proposta e produzido por estudantes de Ciência da Computação da UFPR.

views/chapa_sigmoide.erb

@@ -1,20 +1,19 @@
+<!DOCTYPE html>
 <html>
 	<head>
 		<title>Chapa Sigmóide</title>
-
 		<meta name="viewport" content="width=device-width,initial-scale=1">
-
 		<link rel="stylesheet" type="text/css" href="/css/chapa_sigmoide.css">
-
 		<link href="https://fonts.googleapis.com/css2?family=Victor+Mono:wght@400;700&display=swap" rel="stylesheet">
+		<link rel="icon" href="/chapa-sigmoide/logo-circular.svg" type="image/svg+xml">
 	</head>
 
 	<body>
 		<header>
 			<nav>
-				<a href="/readme.md">Início</a>
+				<img src="/chapa-sigmoide/logo-retangular-sem-texto.svg">
-
+				<a href="/home">Início</a>
-				<a href="/chapa-sigmoide/readme.md">Chapa Sigmóide</a>
+				<a href="/chapa-sigmoide/readme.markdown">Chapa Sigmóide</a>
 			</nav>
 		</header>
 
@@ -32,4 +31,6 @@
 
 		title.textContent = document.querySelector('header').append(h1);
 	</script>
+
+	<script src="/javascript/chapa_sigmoide.js"></script>
 </html>

views/layout.erb

@@ -10,13 +10,9 @@
 	<body>
 		<header>
 			<nav>
-				<a href="/readme.md">Readme</a>
+				<a href="/git">Git</a>
 
-				<a href="/chapa-sigmoide/readme">Chapa Sigmóide</a>
+				<a href="/chapa-sigmoide/readme.markdown">Chapa Sigmóide</a>
-
-				<a href="/building.md">Building</a>
-
-				<a href="/QA.md">Q&A</a>
 			</nav>
 		</header>