Skip to content

Commit

Permalink
location-page-new-style
Browse files Browse the repository at this point in the history 
Added the looped video, the 'onclick' information, styled the paragraph, and more.
  • Loading branch information
@krzysiek581234
krzysiek581234 committed May 25, 2024
1 parent 28a3832 commit 94bda48
Show file tree
Hide file tree
Showing 3 changed files with 179 additions and 74 deletions.
128 changes: 98 additions & 30 deletions ISD-conference-web-app-frontend/src/app/pages/location-page/location-page.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,107 @@
<div class="location-page-content-wrapper">
<div class="top-text">
<h3>Conference venue</h3>
</div>
<div class="content">
<div class="venue-name">
<h3>University of Gdańsk, Sopot Campus</h3>
</div>
<div class="description">
The ISD 2025 conference venue is the University of Gdańsk, Sopot Campus, Faculty of Management, Teaching and Conference Centre, located at Piaskowa 9, 81-864 Sopot, Poland.
</div>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2324.2125298090195!2d18.610640877120417!3d54.37089509757309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46fd74905bc27359%3A0x28894eb421c53d77!2sPolitechnika%20Gda%C5%84ska%2C%20Wydzia%C5%82%20Elektroniki%2C%20Telekomunikacji%20i%20Informatyki!5e0!3m2!1sen!2spl!4v1705238274527!5m2!1sen!2spl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="video-header position-relative">
<video autoplay loop muted playsinline class="w-100 h-100 object-fit-cover">
<source src="assets/video/PG.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="video-overlay d-flex justify-content-center align-items-center">
<span class="custom-header">Conference Venue</span>
</div>
<div class="how-to-reach-text">
<div class="small-header">
How to reach Sopot Campus
</div>
<div class="container mt-4">
<div class="row mb-4">
<div class="col-12">
<div class="venue-info p-3 bg-white shadow-sm rounded">
<h2>University of Gdańsk, Sopot Campus</h2>
<p>The ISD 2025 conference venue is the University of Gdańsk, Sopot Campus, Faculty of Management, Teaching and Conference Centre, located at Piaskowa 9, 81-864 Sopot, Poland.</p>
</div>
</div>
<div class="guide-text">
<b><a href="https://www.airport.gdansk.pl/" style="color: #00277c">From the airport</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/taxi-p100.html" style="color: #00277c">By taxi</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/autobus-p99.html" style="color: #00277c">By bus</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/pociag-p98.html" style="color: #00277c">By train</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/samochod-p97.html" style="color: #00277c">By car</a></b>
</div>
<div class="row mb-4">
<div class="col-12">
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2324.2125298090195!2d18.610640877120417!3d54.37089509757309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46fd74905bc27359%3A0x28894eb421c53d77!2sPolitechnika%20Gda%C5%84ska%2C%20Wydzia%C5%82%20Elektroniki%2C%20Telekomunikacji%20i%20Informatyki!5e0!3m2!1sen!2spl!4v1705238274527!5m2!1sen!2spl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<hr>
<div class="about-venue">
<div class="about-venue-header">
<h3>About University of Gdańsk, Sopot Campus</h3>
<div class="row mb-4">
<div class="col-12">
<div class="how-to-reach p-3 bg-white shadow-sm rounded">
<h3>How to reach Sopot Campus</h3>
<p><b><a href="https://www.airport.gdansk.pl/" class="text-primary">From the airport</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/taxi-p100.html" class="text-primary">By taxi</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/autobus-p99.html" class="text-primary">By bus</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/pociag-p98.html" class="text-primary">By train</a> | <a href="https://www.airport.gdansk.pl/informacje-dla-pasazerow/dojazd/samochod-p97.html" class="text-primary">By car</a></b></p>
</div>
</div>
<div class="venue-description">
The University of Gdańsk is combines respect for tradition with a commitment to the new. It offers education in nearly all fields of academic knowledge, in sought-after professions on the job market, and state-of-the-art facilities across its Gdańsk, Sopot, and Gdynia campuses. It is currently one of the most modern academic centers in Poland.

The Sopot campus is located in a beautiful seaside resort known for its charm, beaches, pier, and numerous cultural and entertainment attractions. The campus is situated in an attractive environment.

By long tradition, Sopot is the home of scientific disciplines built around economics, with the Faculties of Economics and Management, respectively.

The history of the Faculty of Management dates back to 1942 when the Maritime Institute was established by the Secret Western Poland University. After WWII the traditions of the Institute were continued at the College of Marine Commerce (WSHM) in Gdynia. Initially located in Gdynia, the College was then permanently moved to Sopot – to the building of the present Faculty of Management. In 1952 WSHM was transformed into Sopot College of Economics (WSE) in Sopot. In 1968 the following Faculties emerged from the Faculty of Economics of the WSE: the Faculty of Industry and the Faculty of Maritime Transport. On 20 March 1970, the University of Gdańsk was founded out of a merger of the Sopot College of Economics and the Teacher’s College in Gdańsk. Two out of six original UoG faculties were concerned with economics, including the Faculty of Economics of Production. Owing to the new concept of studies in the field of economics, on 1 October 1993, the Faculty of Economics of Production was transformed into the Faculty of Management. The three fields of study currently hosted at the Faculty comprise Management, Finance and Accounting, as well as Business Informatics. At present, the Faculty of Management is one of the largest faculties of the University of Gdańsk, enjoying vast popularity among secondary school graduates. Some 5,000 students in total are pursuing full-time and part-time programmes. The Faculty prides itself on having the highest number of post-graduate students of all other faculties at the University of Gdańsk, and for several years has been running doctoral studies/school.
</div>
<div class="row mb-4">
<div class="col-12">
<div class="about-venue p-3 bg-white shadow-sm rounded">
<h3>About University of Gdańsk, Sopot Campus</h3>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
General Information
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
The University of Gdańsk combines respect for tradition with a commitment to the new. It offers education in nearly all fields of academic knowledge, in sought-after professions on the job market, and state-of-the-art facilities across its Gdańsk, Sopot, and Gdynia campuses. It is currently one of the most modern academic centers in Poland.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Location and Environment
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
The Sopot campus is located in a beautiful seaside resort known for its charm, beaches, pier, and numerous cultural and entertainment attractions. The campus is situated in an attractive environment.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Faculties and Departments
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
By long tradition, Sopot is the home of scientific disciplines built around economics, with the Faculties of Economics and Management, respectively.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
History
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
The history of the Faculty of Management dates back to 1942 when the Maritime Institute was established by the Secret Western Poland University. After WWII the traditions of the Institute were continued at the College of Marine Commerce (WSHM) in Gdynia. Initially located in Gdynia, the College was then permanently moved to Sopot – to the building of the present Faculty of Management.
<br>
In 1952 WSHM was transformed into Sopot College of Economics (WSE) in Sopot. In 1968 the following Faculties emerged from the Faculty of Economics of the WSE: the Faculty of Industry and the Faculty of Maritime Transport. On 20 March 1970, the University of Gdańsk was founded out of a merger of the Sopot College of Economics and the Teacher’s College in Gdańsk. Two out of six original UoG faculties were concerned with economics, including the Faculty of Economics of Production. Owing to the new concept of studies in the field of economics, on 1 October 1993, the Faculty of Economics of Production was transformed into the Faculty of Management.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Current Programs
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
<div class="accordion-body">
The three fields of study currently hosted at the Faculty comprise Management, Finance and Accounting, as well as Business Informatics. At present, the Faculty of Management is one of the largest faculties of the University of Gdańsk, enjoying vast popularity among secondary school graduates. Some 5,000 students in total are pursuing full-time and part-time programmes. The Faculty prides itself on having the highest number of post-graduate students of all other faculties at the University of Gdańsk, and for several years has been running doctoral studies/school.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
125 changes: 81 additions & 44 deletions ISD-conference-web-app-frontend/src/app/pages/location-page/location-page.component.scss
View file
Original file line number Diff line number Diff line change
@@ -1,56 +1,93 @@
@import '../../styles/isd-variables.scss';

//TODO copy all hardcoded values to isd-variables.scss
.video-header {
position: relative;
height: 40vh;
overflow: hidden;

.location-page-content-wrapper{
padding-top: $default-gap;
.top-text {
font-family: $roboto;
color: $black;
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: $font-size-huge;
padding-top: 2*$default-gap;
}
.venue-name{
font-family: $roboto;
color: $black;
width: 100%;
text-align: left;
font-size: $font-size-very-big;
padding-top: $default-gap;
}
.content{
font-family: $roboto;
text-align: left;
width: 80%;
float: left;
padding-left: 20%;
height: 100%;
object-fit: cover;
}
.description{
padding-top: $default-gap;
}
iframe{

.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 2*$default-gap;
padding-bottom: 2*$default-gap;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;

.custom-header {
font-family: 'veneer-three', sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 4em;
text-transform: none;
color: $white;
text-align: center;
padding-top: 5rem;
}
}
.small-header{
font-weight: bold;
}

.venue-info,
.how-to-reach,
.about-venue {
margin-bottom: 1.5rem;
padding: 1.5rem;
background-color: $white;
border-radius: 0.5rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

h2, h3 {
font-family: $primary-font;
margin-bottom: 1rem;
}
.how-to-reach-text{
padding-bottom: $default-gap;

p {
font-family: $lato;
margin-bottom: 0.5rem;
color: $black;
}
.guide-text{
padding-top: $default-gap;
padding-bottom: $default-gap;
width: 50%;
margin: auto;

a {
color: $primary-dark-bg-color;
text-decoration: none;

&:hover {
text-decoration: underline;
}
}
.about-venue{
padding-bottom: 4*$default-gap;
}

.map-container {
iframe {
width: 100%;
border: 0;
border-radius: 0.5rem;
height: 450px;
}
.about-venue-header{
font-size: $font-size-very-big;
}

.accordion-button {
background-color: $primary-darker-bg-color;
color: $white;

&:not(.collapsed) {
color: $white;
background-color: #800080;
}
}
}

.accordion-body {
font-family: $lato;
color: $black;
}
Binary file added ISD-conference-web-app-frontend/src/assets/video/PG.mp4
View file
Binary file not shown.

0 comments on commit 94bda48

Please sign in to comment.