diff --git a/app/assets/stylesheets/extranet/_variables.sass b/app/assets/stylesheets/extranet/_variables.sass
index 8de833bb5d6e980358733027348a019e9ab5cbb7..bb22f27236cbbcb12bfc5807b76c1591c34193aa 100644
--- a/app/assets/stylesheets/extranet/_variables.sass
+++ b/app/assets/stylesheets/extranet/_variables.sass
@@ -9,8 +9,8 @@ $font-size-root: 1rem
$font-size-base: 1.125rem
$h1-font-size: px2rem(60)
-$h2-font-size: px2rem(18)
-$h3-font-size: px2rem(20)
+$h2-font-size: px2rem(24)
+$h3-font-size: px2rem(18)
$headings-font-weight: 700
$headings-margin-bottom: px2rem(24)
$small-font-size: px2rem(14)
diff --git a/app/assets/stylesheets/extranet/layout/_default.sass b/app/assets/stylesheets/extranet/layout/_default.sass
index 910cb0e3af3ff4c36fbeb110a552932f6a6219c9..36cf475dd0180f064ee0832c3446a3008550fb90 100644
--- a/app/assets/stylesheets/extranet/layout/_default.sass
+++ b/app/assets/stylesheets/extranet/layout/_default.sass
@@ -4,18 +4,6 @@
padding-left: var(--bs-gutter-x)
.action-show
- @include media-breakpoint-up(md)
- .top
- align-items: stretch
- header
- align-items: center
- display: flex
- height: 100%
- h1
- margin: 0
- padding: 0
- .biography
- padding-right: percentage(3/9)
dl
line-height: px2rem(26)
dt
@@ -24,4 +12,4 @@
margin-bottom: px2rem(26)
ul
- list-style: none
\ No newline at end of file
+ list-style: none
diff --git a/app/assets/stylesheets/extranet/layout/_nav.sass b/app/assets/stylesheets/extranet/layout/_nav.sass
index 67397e7f9f293108b86e00176abc5eda122dfe4c..9e706d3f1c5780e670e2cef79f551968caf95bdc 100644
--- a/app/assets/stylesheets/extranet/layout/_nav.sass
+++ b/app/assets/stylesheets/extranet/layout/_nav.sass
@@ -17,7 +17,7 @@
> .nav-item
margin-left: 20px
&__account
- margin-left: 30px
+ margin-left: 40px
.dropdown-menu
background: transparent
border: 0
diff --git a/app/assets/stylesheets/extranet/pages/_experiences.sass b/app/assets/stylesheets/extranet/pages/_experiences.sass
index 44f23b193a8442f5e530f8ffb2d6b0fe351afc0b..39dbc8668dedc2b9523a4529269fb524698266e4 100644
--- a/app/assets/stylesheets/extranet/pages/_experiences.sass
+++ b/app/assets/stylesheets/extranet/pages/_experiences.sass
@@ -1,3 +1,2 @@
-.experiences
- &__experience
- @include pseudo-bottom-border
\ No newline at end of file
+.experience__organization__logo
+ height: 100%
\ No newline at end of file
diff --git a/app/assets/stylesheets/extranet/pages/_organization.sass b/app/assets/stylesheets/extranet/pages/_organization.sass
index 29662cfd7bc994fabb8f98c36858407662eba5a6..8e4a3236a519efa4037433ce0efd94b0f294781d 100644
--- a/app/assets/stylesheets/extranet/pages/_organization.sass
+++ b/app/assets/stylesheets/extranet/pages/_organization.sass
@@ -10,10 +10,12 @@
border: 1px solid $light-border-color
background: white
padding: 60px
+ margin-top: -130px
+ margin-bottom: 50px
+ aspect-ratio: 1 / 1
@include media-breakpoint-up(md)
&__logo
margin-top: -200px
- margin-bottom: 50px
@include media-breakpoint-up(md)
align-items: center
diff --git a/app/assets/stylesheets/extranet/pages/_person.sass b/app/assets/stylesheets/extranet/pages/_person.sass
index 0656f586e494fc0eb75518d1bf2470759232197b..e659fe32907045e38ec3989e2af3962ce8b0af5d 100644
--- a/app/assets/stylesheets/extranet/pages/_person.sass
+++ b/app/assets/stylesheets/extranet/pages/_person.sass
@@ -1,7 +1,8 @@
.person
line-height: px2rem(24)
position: relative
- @include media-breakpoint-up(md)
- &__portrait
+ &__portrait
+ margin-top: -130px
+ margin-bottom: 50px
+ @include media-breakpoint-up(md)
margin-top: -200px
- margin-bottom: 50px
diff --git a/app/views/extranet/cohorts/_index.cards.html.erb b/app/views/extranet/cohorts/_index.cards.html.erb
index 832322830cbedb076783b0cc1f4b405af3cb1577..9128658501682aa86d0d19804ff340f28e4b2fe9 100644
--- a/app/views/extranet/cohorts/_index.cards.html.erb
+++ b/app/views/extranet/cohorts/_index.cards.html.erb
@@ -4,13 +4,12 @@
<div class="col-md-4 col-xl-3">
<article class="card mb-5">
<div class="card-body">
- <h2><%= link_to cohort.program, cohort, class: 'stretched-link' %></h2>
- <p><%= cohort.academic_year.year %></p>
- <p class="small">
+ <h2 class="mb-0"><%= link_to cohort.academic_year.year, cohort, class: 'stretched-link' %></h2>
+ <p class="small mb-0">
<%= cohort.people.count %>
<%= University::Person::Alumnus.model_name.human(count: cohort.people.count).downcase %>
</p>
- <p class="text-end mb-0">
+ <p class="text-end mb-n2">
<i class="bi bi-arrow-right"></i>
</p>
</div>
diff --git a/app/views/extranet/experiences/_experience.html.erb b/app/views/extranet/experiences/_experience.html.erb
index 92ffc5d8d2ac2947692d0b64d498fff54049c4e1..caabcae7ed89054b3aae155942b5f29dab7abb92 100644
--- a/app/views/extranet/experiences/_experience.html.erb
+++ b/app/views/extranet/experiences/_experience.html.erb
@@ -1,31 +1,28 @@
<%
edit ||= false
%>
-<li class="experiences__experience row py-3">
- <div class="col-md-4">
- <p><b><%= experience.description %></b></p>
- <p class="mb-0">
- <%= "#{experience.from_year} —" if experience.from_year %>
- <%= experience.to_year || t('today') %>
- </p>
-
- <%= link_to University::Person::Experience.human_attribute_name('edit'),
- edit_experience_path(experience),
- class: 'btn btn-sm btn-secondary mt-2' if edit %>
- </div>
- <% if experience.organization.present? %>
+<li class="experiences__experience py-4 border-top">
+ <div class="row">
<div class="col-md-6">
- <p><%= link_to experience.organization, experience.organization %></p>
- <% if experience.organization.url %>
- <p class="mb-0"><small><%= link_to experience.organization.url, experience.organization.url %></small></p>
- <% end %>
+ <p class="mb-0">
+ <b><%= experience.description %></b><br>
+ <%= "#{experience.from_year} —" if experience.from_year %>
+ <%= experience.to_year || t('today') %>
+ </p>
+ <%= link_to University::Person::Experience.human_attribute_name('edit'),
+ edit_experience_path(experience),
+ class: 'btn btn-sm btn-secondary mt-2' if edit %>
</div>
- <div class="col-md-2">
- <% if experience.organization.logo.attached? %>
+ <div class="col-md-6 text-end">
+ <% if experience.organization.present? %>
<%= link_to experience.organization do %>
- <%= kamifusen_tag experience.organization.logo, height: 80, class: 'img-fluid' %>
+ <% if experience.organization.logo.attached? %>
+ <%= kamifusen_tag experience.organization.logo, width: 100, class: 'img-fluid experience__organization__logo' %>
+ <% else %>
+ <p class="text-end><%= link_to experience.organization, experience.organization %></p>
+ <% end %>
<% end %>
- <% end %>
- <div>
- <% end %>
+ <div>
+ <% end %>
+ </div>
</li>
diff --git a/app/views/extranet/organizations/show.html.erb b/app/views/extranet/organizations/show.html.erb
index e7fa87f238295a5d0bbb543017a85a9d38a812a2..1448d4075c688c12c8f6de7364c27515c38bb3b0 100644
--- a/app/views/extranet/organizations/show.html.erb
+++ b/app/views/extranet/organizations/show.html.erb
@@ -1,40 +1,54 @@
<% content_for :title, @organization %>
<div class="row">
- <div class="col-md-9">
- <div class="biography mb-5">
- <p><%= @organization.text %></p>
+ <div class="col-md-8 order-2 order-md-1">
+ <div class="row">
+ <div class="col-md-9">
+ <div class="biography mb-5">
+ <p><%= @organization.text %></p>
+ </div>
+ </div>
</div>
- <div class="experiences">
- <p class="mb-4"><%= t('extranet.organization.experiences', count: @organization.experiences.count) %></p>
- <ul class="list-unstyled">
+ <% if @organization.experiences.any? %>
+ <div class="experiences">
+ <p class="mb-4"><%= t('extranet.organization.experiences', count: @organization.experiences.count) %></p>
+ <ul class="list-unstyled">
<% @organization.experiences.ordered.each do |experience| %>
- <li class="mb-3">
- <div>
- <%= link_to experience.person do %>
- <% if experience.person.picture.attached? %>
- <%= kamifusen_tag experience.person.picture, width: 200, class: 'img-fluid' %>
- <% else %>
- <%= image_tag 'extranet/avatar.png', width: 200, class: 'img-fluid' %>
- <% end %>
- <% end %>
- </div>
- <div>
- <p><b><%= experience.person.name %></b></p>
- <p>
- <% if experience.description.present? %>
- <%= experience.description %><br>
- <% end %>
- <%= "#{experience.from_year} —" if experience.from_year %>
- <%= experience.to_year || t('today') %>
- </p>
- </div>
- </li>
- <% end %>
- </ul>
- </div>
+ <li class="mb-4">
+ <article class="row position-relative">
+ <div class="col-md-3">
+ <% if experience.person.picture.attached? %>
+ <%= kamifusen_tag experience.person.picture, width: 400, class: 'img-fluid' %>
+ <% else %>
+ <%= image_tag 'extranet/avatar.png', width: 400, class: 'img-fluid' %>
+ <% end %>
+ </div>
+ <div class="col-md-9 ms-md-n4">
+ <div class="border-top">
+ <div class="row pt-4">
+ <div class="col-md-6">
+ <p><b><%= link_to experience.person.name, experience.person, class: "stretched-link" %></b></p>
+ </div>
+ <div class="col-md-6">
+ <p class="text-end">
+ <% if experience.description.present? %>
+ <%= experience.description %><br>
+ <% end %>
+ <%= "#{experience.from_year} —" if experience.from_year %>
+ <%= experience.to_year || t('today') %>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </article>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ <% end %>
</div>
- <div class="col-md-3">
+ <div class="offset-md-1 col-md-3 order-1 order-md-2">
<%= kamifusen_tag @organization.logo, width: 400, class: 'img-fluid organization__logo' if @organization.logo.attached? %>
<dl>
diff --git a/app/views/extranet/persons/_person.html.erb b/app/views/extranet/persons/_person.html.erb
index fa2cc098dd3ec799b7f13a1b33e98bec2ca8615f..c77c919cbad300fb80d9d64205a3e5bde5d40e91 100644
--- a/app/views/extranet/persons/_person.html.erb
+++ b/app/views/extranet/persons/_person.html.erb
@@ -1,6 +1,6 @@
-<article class="mb-4 person">
- <div class="row g-3">
- <div class="col-3 col-md-12 mb-2">
+<article class="person mb-4">
+ <div class="row gx-3">
+ <div class="col-3 col-md-12 mb-md-2">
<% if person.best_picture.attached? %>
<%= kamifusen_tag person.best_picture, width: 400, class: 'img-fluid',
sizes: {
diff --git a/app/views/extranet/persons/show.html.erb b/app/views/extranet/persons/show.html.erb
index 9a91380eebee7e75393779e42ff6925b73a38a79..538746476aa8ef8eb16ca1afe78d6d4d2a719ad6 100644
--- a/app/views/extranet/persons/show.html.erb
+++ b/app/views/extranet/persons/show.html.erb
@@ -1,7 +1,7 @@
<% content_for :title, @person %>
<div class="row">
- <div class="col-md-8">
+ <div class="col-md-8 order-2 order-md-1">
<div class="row">
<div class="col-md-9">
<div class="biography mb-5">
@@ -9,12 +9,12 @@
</div>
</div>
</div>
-
- <p class="mb-4"><%= t('extranet.experiences.title') %></p>
- <%= render 'extranet/experiences/list', person: @person %>
-
+ <% if @person.experiences.any? %>
+ <p class="mb-4"><%= t('extranet.experiences.title') %></p>
+ <%= render 'extranet/experiences/list', person: @person %>
+ <% end %>
</div>
- <div class="offset-md-1 col-md-3">
+ <div class="offset-md-1 col-md-3 order-1 order-md-2">
<%= kamifusen_tag @person.best_picture, width: 400, class: 'img-fluid person__portrait' if @person.best_picture.attached? %>
<%= render 'extranet/persons/details', person: @person %>
</div>