RubyGems - polivalente - Versions diffs - 0.6.2 → 0.7.0 - Mend

polivalente 0.6.2 → 0.7.0

Files changed (79) hide show

data/app/controllers/polivalente/application_controller.rb CHANGED Viewed

@@ -1,4 +1,6 @@
 module Polivalente
   class ApplicationController < Polivalente.config.base_controller.constantize
+    include Polivalente::UserLocale
+    before_action :set_user_locale!
   end
 end

data/app/controllers/polivalente/archives_controller.rb ADDED Viewed

@@ -0,0 +1,18 @@
+module Polivalente
+  class ArchivesController < ApplicationController
+    before_action :set_archive, only: [:show]
+    def index
+      @archives = Archive.latest
+    end
+    def show
+    end
+    private
+    def set_archive
+      @archive = Archive.find(params[:id])
+    end
+  end
+end

data/app/controllers/polivalente/autocomplete_controller.rb CHANGED Viewed

@@ -4,14 +4,13 @@ module Polivalente
     def tags
       @tags = Tag.all.latest
-      render json: @tags, status: 200
+      render "polivalente/autocomplete/tags"
     end
     def users
       user_class = Polivalente.config.user_class.constantize
       @users = user_class.all.latest
-      render json: @users, status: 200
+      render "polivalente/autocomplete/users"
     end
     protected

data/app/controllers/polivalente/comments_controller.rb ADDED Viewed

@@ -0,0 +1,27 @@
+module Polivalente
+  class CommentsController < ApplicationController
+    def create
+      @comment = @commentable.comments.new(comment_params)
+      @comment.user = current_user
+      @comment.save
+      redirect_to @commentable, notice: "Your comment was successfully posted."
+    end
+    def destroy
+      @comment = Comment.where(user_id: current_user.id).find(params[:id])
+      @comment.destroy if @comment
+      respond_to do |format|
+        format.html { redirect_back(fallback_location: @commentable) }
+        format.json { head :no_content }
+      end
+    end
+    private
+    def comment_params
+      params.require(:comment).permit(:content)
+    end
+  end
+end

data/app/controllers/polivalente/trashes_controller.rb ADDED Viewed

@@ -0,0 +1,18 @@
+module Polivalente
+  class TrashesController < ApplicationController
+    before_action :set_trash, only: [:show]
+    def index
+      @trash = Trash.latest
+    end
+    def show
+    end
+    private
+    def set_trash
+      @trash = Trash.find(params[:id])
+    end
+  end
+end

data/app/controllers/polivalente/users_controller.rb ADDED Viewed

@@ -0,0 +1,42 @@
+module Polivalente
+  class UsersController < ApplicationController
+    before_action :set_user, except: [:index, :create, :new]
+    def index
+    end
+    def show
+      @recent_activities = []
+      # Sudo-random list of user suggestions
+      @related_users = @user_class.all
+        .where(id: 10.times.map { rand(@user_class.first.id...@user_class.last.id) })
+        .where.not(id: @user.id)
+        .latest
+        .first(4)
+    end
+    def edit
+    end
+    def update
+      if @user.update(user_params)
+        render :show
+      else
+        render :edit
+      end
+    end
+    private
+    def set_user
+      @user_class = Polivalente.config.user_class.constantize
+      @user = @user_class.find(params[:id])
+      @page_title = @user.name
+    end
+    def user_params
+      params.require(:user).permit(:first_name, :last_name, :photo)
+    end
+  end
+end

data/app/helpers/polivalente/gravatar_helper.rb CHANGED Viewed

@@ -9,10 +9,6 @@ module Polivalente
     end
     def user_avatar(user)
-      unless defined?(user.photo)
-        return user_gravatar(user.email, size: 40)
-      end
       user.photo.attached? ? user.photo : user_gravatar(user.email, size: 40)
     end

data/app/models/polivalente/tag.rb CHANGED Viewed

@@ -1,5 +1,6 @@
 module Polivalente
   class Tag < ApplicationRecord
+    include ActionText::Attachable
     include Sortable
     has_many :taggings

data/app/views/layouts/polivalente/application.html.erb CHANGED Viewed

@@ -1,14 +1,20 @@
 <!DOCTYPE html>
-<html>
+<html data-controller="theme" data-theme-target="theme">
 <head>
-  <title>Polivalente</title>
+  <title>
+    <%= @page_title.nil? ? "" : "#{@page_title} | " %><%= Rails.application.class %>
+  </title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
-  <%= stylesheet_link_tag    "polivalente/application", media: "all" %>
+  <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track": "reload" %>
+  <%= javascript_include_tag "polivalente/application", media: "all", "data-turbolinks-track": "reload" %>
 </head>
 <body>
+<%= render 'polivalente/shared/offline_indicator' %>
+<%= render 'polivalente/shared/notices' %>
 <%= yield %>
 </body>

data/app/views/polivalente/archives/_archive.html.erb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <h2><%= archive.archivable_id %></h2>
2	+ <h2><%= archive.archivable_type %></h2>

data/app/views/polivalente/archives/index.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<h2>Archives</h2>
+<%= render @archives %>

data/app/views/polivalente/archives/show.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<h2>Archive Item</h2>
+<%= render @archive %>

data/app/views/polivalente/autocomplete/tags.json.jbuilder ADDED Viewed

	@@ -0,0 +1 @@
1	+ json.array! @tags, partial: "polivalente/tags/tag", as: :tag

data/app/views/polivalente/autocomplete/users.json.jbuilder ADDED Viewed

	@@ -0,0 +1 @@
1	+ json.array! @users, partial: "polivalente/users/user", as: :user

data/app/views/polivalente/shared/_notices.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<% flash.each do |message_type, message| %>
+  <div class="my-2 max-w-2xl mx-auto border border-tertiary rounded-md text-primary px-4 py-3 shadow-sm mb-3" role="alert">
+    <div class="flex items-center space-x-2">
+      <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </svg>
+      <p class="text-sm"><%= message %></p>
+    </div>
+  </div>
+<% end %>

data/app/views/polivalente/shared/_offline_indicator.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<nav data-controller="offline" class="fixed bottom-0 right-5 z-10 text-red-600 dark:text-red-500 font-semibold">
+  <div data-offline-target="indicator" class="w-full bg-primary my-2 max-w-2xl mx-auto hidden border border-tertiary rounded-md px-4 py-3 shadow-md mb-3" role="alert">
+    <div class="flex items-center space-x-2">
+      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0" />
+      </svg>
+      <p class="text-sm"><%= t("views.errors.offline") %></p>
+    </div>
+  </div>
+</nav>

data/app/views/polivalente/shared/_theme_toggle.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <%= select_tag :theme, options_for_select(%w[Light Dark]), { class: 'mb-4 rounded-md bg-secondary', prompt_text: 'Select a theme', data: {action: 'input->theme#toggleTheme'}} %>

data/app/views/polivalente/tags/_cloud.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<div class="tag-cloud">
+  <%= link_to "all", articles_path, class: class_names('all', { active: current_page?(articles_path) }) %>
+  <% tag_cloud(collection, %w{s m l}) do |tag, css_class| %>
+    <%= link_to "##{tag.name}", tag_path(tag.name), class: class_names(css_class, 'tag', { active: current_page?(tag_path(tag.name)) }) %>
+  <% end %>
+</div>

data/app/views/polivalente/tags/_list.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<div class="tag-list space-x-2 lowercase">
+  <% taggable.tags.map do |tag|  %>
+    <%= link_to "##{tag.name}", tag_path(tag.name) %>
+  <% end %>
+</div>

data/app/views/polivalente/tags/_tag.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <p class="mention inline-flex bg-amber-400"><%= tag.name %></p>

data/app/views/polivalente/tags/_tag.json.jbuilder ADDED Viewed

@@ -0,0 +1,4 @@
+json.extract! tag, :name
+json.sgid tag.attachable_sgid
+json.content render(partial: "polivalente/tags/tag", locals: { tag: tag }, formats: [:html])
+json.url tag_url(tag.name) if defined?(tag_url)

data/app/views/polivalente/trashes/_trash.html.erb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <h2><%= trash.trashable_id %></h2>
2	+ <h2><%= trash.trashable_type %></h2>

data/app/views/polivalente/trashes/index.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<h2>Trash Bin</h2>
+<%= render @trash %>

data/app/views/polivalente/trashes/show.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<h2>Trash Item</h2>
+<%= render @trash %>

data/app/views/polivalente/users/_form.html.erb ADDED Viewed

@@ -0,0 +1,38 @@
+<%= form_with(model: user, :html => {class: 'form flex flex-col text-primary'}) do |form| %>
+  <% if user.errors.any? %>
+    <div id="error_explanation" class="text-primary">
+      <h2><%= pluralize(user.errors.count, "error") %> prohibited this user from being saved:</h2>
+      <ul>
+        <% user.errors.each do |error| %>
+          <li><%= error.full_message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+  <div class="my-2">
+    <%= form.text_field :first_name, class: "input-base bg-primary text-secondary-x border-tertiary text-2xl leading-8 font-extrabold tracking-tight sm:text-4xl" %>
+  </div>
+  <div class="my-2">
+    <%= form.text_field :last_name, class: "input-base bg-primary text-secondary-x border-tertiary text-2xl leading-8 font-extrabold tracking-tight sm:text-4xl" %>
+  </div>
+  <div class="my-2">
+    <%= form.file_field :photo, class: "input-base bg-primary text-secondary-x border-tertiary text-2xl leading-8 font-extrabold tracking-tight sm:text-4xl" %>
+  </div>
+  <div class="actions">
+    <div class="flex justify-between">
+      <%= form.submit nil, class: "py-2 px-4 mb-6 bg-green-600 hover:bg-green-800 text-white text-sm font-bold rounded transition duration-200" %>
+      <div class="flex space-x-3">
+        <%= link_to 'Cancel', user.new_record? ? users_url : user_url, class: "py-2 px-4 mb-6 bg-secondary border-2 hover:bg-tertiary text-primary text-sm font-bold rounded transition duration-200" %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/polivalente/users/_user.html.erb ADDED Viewed

@@ -0,0 +1,4 @@
+<%= link_to user, class: "mention inline-flex space-x-2 items-center align-center p-0 m-0", data: "#{user.name}" do %>
+  <%= image_tag main_app.url_for(user_avatar(user)), class: "w-5 h-5 rounded border border-tertiary" %>
+  <p><%= user.name %></p>
+<% end %>

data/app/views/polivalente/users/_user.json.jbuilder ADDED Viewed

@@ -0,0 +1,4 @@
+json.extract! user, :name
+json.sgid user.attachable_sgid
+json.content render(partial: "polivalente/users/user", locals: { user: user }, formats: [:html])
+json.url user_url(user)

data/app/views/polivalente/users/activities/_activity.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<li class="py-5">
+  <div class="relative focus-within:ring-2 focus-within:ring-cyan-500">
+    <h3 class="text-sm font-semibold text-gray-800">
+      <a href="#" class="hover:underline focus:outline-none">
+        <!-- Extend touch target to entire panel -->
+        <span class="absolute inset-0" aria-hidden="true"></span>
+        <%= activity.title %>
+      </a>
+    </h3>
+    <p class="mt-1 text-sm text-gray-600 line-clamp-2"><%= activity.description %></p>
+  </div>
+</li>

data/app/views/polivalente/users/activities/_recent.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<section aria-labelledby="recent-activities-title">
+	<div class="rounded-lg bg-white overflow-hidden shadow">
+	  <div class="p-6">
+	    <h2 class="text-base font-medium text-gray-900" id="recent-activities-title">Recent Activities</h2>
+	    <div class="flow-root mt-6">
+	      <ul role="list" class="-my-5 divide-y divide-gray-200">
+	      	<% activities.each do |activity| %>
+	      		<%= render "polivalente/users/activities/activity", activity: activity %>
+	      	<% end %>
+	      </ul>
+	    </div>
+	    <div class="mt-6">
+	      <a href="#" class="w-full flex justify-center items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"> View all </a>
+	    </div>
+	  </div>
+	</div>
+</section>

data/app/views/polivalente/users/edit.html.erb ADDED Viewed

@@ -0,0 +1,13 @@
+<h2 class="text-3xl font-semibold pb-4"><%= @user.name %></h2>
+<section class="max-w-3xl">
+	<%= rich_text_area :content,
+		class: "input-base bg-primary border-tertiary",
+		data: { controller: "trix-autocomplete autocomplete trix-attachment-blocker",
+			trix_autocomplete_url_value: autocomplete_users_path,
+			trix_autocomplete_trigger_value: "@"
+		}
+	%>
+	<!-- <span class="absolute text-sm border border-tertiary bg-primary rounded px-2 right-2 bottom-2" data-text-counter-target="output"></span> -->
+	<%#= render "form", user: @user %>
+</section>

data/app/views/polivalente/users/related/_user.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<li class="py-4">
+  <div class="flex items-center space-x-4">
+    <div class="flex-shrink-0">
+      <%= image_tag main_app.url_for(user_avatar(user)), class: "h-8 w-8 rounded-full", alt: user.name %>
+    </div>
+    <div class="flex-1 min-w-0">
+      <p class="text-sm font-medium text-gray-900 truncate"><%= user.name %></p>
+      <p class="text-sm text-gray-500 truncate"><%= "#{user.name}" %></p>
+    </div>
+    <div>
+      <%= link_to "View", user, class: "inline-flex items-center shadow-sm px-2.5 py-0.5 border border-gray-300 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50" %>
+    </div>
+  </div>
+</li>

data/app/views/polivalente/users/related/_users.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<section aria-labelledby="recent-hires-title">
+    <div class="rounded-lg bg-white overflow-hidden shadow">
+      <div class="p-6">
+        <h2 class="text-base font-medium text-gray-900" id="recent-hires-title">Related Users</h2>
+        <div class="flow-root mt-6">
+          <ul role="list" class="-my-5 divide-y divide-gray-200">
+          	<% users.each do |user| %>
+            	<%= render "polivalente/users/related/user", user: user %>
+          	<% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+</section>

data/app/views/polivalente/users/show.html.erb ADDED Viewed

@@ -0,0 +1,180 @@
+<main class="h-full bg-gray-100">
+	<section class="h-full">
+		<div class="min-h-full">
+		  <header class="pb-24 bg-gradient-to-r from-sky-800 to-cyan-600">
+		    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8">
+		      <div class="relative flex flex-wrap items-center justify-center lg:justify-between">
+		        <div class="w-full py-5 lg:border-t lg:border-white lg:border-opacity-20">
+		          <div class="lg:grid lg:grid-cols-3 lg:gap-8 lg:items-center">
+		          </div>
+		        </div>
+		      </div>
+		    </div>
+		    <!-- Mobile menu, show/hide based on mobile menu state. -->
+		  </header>
+		  <main class="-mt-24 pb-8">
+		    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8">
+		      <h1 class="sr-only">Profile</h1>
+		      <!-- Main 3 column grid -->
+		      <div class="grid grid-cols-1 gap-4 items-start lg:grid-cols-3 lg:gap-8">
+		        <!-- Left column -->
+		        <div class="grid grid-cols-1 gap-4 lg:col-span-2">
+		          <!-- Welcome panel -->
+		          <section aria-labelledby="profile-overview-title">
+		            <div class="rounded-lg bg-white overflow-hidden shadow">
+		              <h2 class="sr-only" id="profile-overview-title">Profile Overview</h2>
+		              <div class="bg-white p-6">
+		                <div class="sm:flex sm:items-center sm:justify-between">
+		                  <div class="sm:flex sm:space-x-5">
+		                    <div class="flex-shrink-0">
+		                      <%= image_tag main_app.url_for(user_avatar(@user)), class: "mx-auto h-20 w-20 rounded-full" %>
+		                    </div>
+		                    <div class="mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
+		                      <p class="text-sm font-medium text-gray-600">#</p>
+		                      <p class="text-xl font-bold text-gray-900 sm:text-2xl"><%= @user.name %></p>
+		                      <p class="text-sm font-medium text-gray-600">
+		                      	<%= t("member_since") %> <%= time_ago_in_words @user.confirmed_at %>
+		                      	</p>
+		                    </div>
+		                  </div>
+		                </div>
+		              </div>
+		          </section>
+		          <!-- Actions panel -->
+		          <section aria-labelledby="quick-links-title">
+		            <div class="rounded-lg bg-gray-200 overflow-hidden shadow divide-y divide-gray-200 sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px">
+		              <h2 class="sr-only" id="quick-links-title">Quick links</h2>
+		              <div class="rounded-tl-lg rounded-tr-lg sm:rounded-tr-none relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-cyan-500">
+		                <div>
+		                  <span class="rounded-lg inline-flex p-3 bg-teal-50 text-teal-700 ring-4 ring-white">
+		                    <!-- Heroicon name: outline/clock -->
+		                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+		                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+		                    </svg>
+		                  </span>
+		                </div>
+		                <div class="mt-8">
+		                  <h3 class="text-lg font-medium">
+		                    <a href="#" class="focus:outline-none">
+		                      <!-- Extend touch target to entire panel -->
+		                      <span class="absolute inset-0" aria-hidden="true"></span>
+		                      Request time off
+		                    </a>
+		                  </h3>
+		                  <p class="mt-2 text-sm text-gray-500">Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.</p>
+		                </div>
+		                <span class="pointer-events-none absolute top-6 right-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
+		                  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+		                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
+		                  </svg>
+		                </span>
+		              </div>
+		              <div class="sm:rounded-tr-lg relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-cyan-500">
+		                <div>
+		                  <span class="rounded-lg inline-flex p-3 bg-purple-50 text-purple-700 ring-4 ring-white">
+		                    <!-- Heroicon name: outline/badge-check -->
+		                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+		                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+		                    </svg>
+		                  </span>
+		                </div>
+		                <div class="mt-8">
+		                  <h3 class="text-lg font-medium">
+		                    <a href="#" class="focus:outline-none">
+		                      <!-- Extend touch target to entire panel -->
+		                      <span class="absolute inset-0" aria-hidden="true"></span>
+		                      Benefits
+		                    </a>
+		                  </h3>
+		                  <p class="mt-2 text-sm text-gray-500">Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.</p>
+		                </div>
+		                <span class="pointer-events-none absolute top-6 right-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
+		                  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+		                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
+		                  </svg>
+		                </span>
+		              </div>
+		              <div class="relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-cyan-500">
+		                <div>
+		                  <span class="rounded-lg inline-flex p-3 bg-sky-50 text-sky-700 ring-4 ring-white">
+		                    <!-- Heroicon name: outline/users -->
+		                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+		                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
+		                    </svg>
+		                  </span>
+		                </div>
+		                <div class="mt-8">
+		                  <h3 class="text-lg font-medium">
+		                    <a href="#" class="focus:outline-none">
+		                      <!-- Extend touch target to entire panel -->
+		                      <span class="absolute inset-0" aria-hidden="true"></span>
+		                      Schedule a one-on-one
+		                    </a>
+		                  </h3>
+		                  <p class="mt-2 text-sm text-gray-500">Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.</p>
+		                </div>
+		                <span class="pointer-events-none absolute top-6 right-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
+		                  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+		                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
+		                  </svg>
+		                </span>
+		              </div>
+		              <div class="rounded-bl-lg rounded-br-lg sm:rounded-bl-none relative group bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-cyan-500">
+		                <div>
+		                  <span class="rounded-lg inline-flex p-3 bg-indigo-50 text-indigo-700 ring-4 ring-white">
+		                    <!-- Heroicon name: outline/academic-cap -->
+		                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+		                      <path d="M12 14l9-5-9-5-9 5 9 5z" />
+		                      <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
+		                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
+		                    </svg>
+		                  </span>
+		                </div>
+		                <div class="mt-8">
+		                  <h3 class="text-lg font-medium">
+		                    <a href="#" class="focus:outline-none">
+		                      <!-- Extend touch target to entire panel -->
+		                      <span class="absolute inset-0" aria-hidden="true"></span>
+		                      Training
+		                    </a>
+		                  </h3>
+		                  <p class="mt-2 text-sm text-gray-500">Doloribus dolores nostrum quia qui natus officia quod et dolorem. Sit repellendus qui ut at blanditiis et quo et molestiae.</p>
+		                </div>
+		                <span class="pointer-events-none absolute top-6 right-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
+		                  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+		                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z" />
+		                  </svg>
+		                </span>
+		              </div>
+		            </div>
+		          </section>
+		        </div>
+		        <%# Right column %>
+		        <div class="grid grid-cols-1 gap-4">
+		          <%# recent-activities %>
+		          <% unless @recent_activities.empty? %>
+		          <%= render "polivalente/users/activities/recent", activities: @recent_activities %>
+		          <% end %>
+		          <%# Related Users %>
+		          <%= render "polivalente/users/related/users", users: @related_users %>
+		        </div>
+		      </div>
+		    </div>
+		  </main>
+		  <footer>
+		    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-7xl">
+		      <div class="border-t border-gray-200 py-8 text-sm text-gray-500 text-center sm:text-left"><span class="block sm:inline">&copy; 2022 Polivalente Gem.</span> <span class="block sm:inline">All rights reserved.</span></div>
+		    </div>
+		  </footer>
+		</div>
+	</section>
+</main>