feat: new profile fields
This commit is contained in:
Jannat Patel
@@ -773,7 +773,6 @@ input[type=checkbox] {
|
||||
|
||||
.overview-card {
|
||||
padding: 1.5rem;
|
||||
width: 256px;
|
||||
flex-direction: column;
|
||||
display: grid;
|
||||
-moz-column-gap: 1rem;
|
||||
@@ -976,7 +975,6 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.profile-about-section {
|
||||
flex: 1;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
@@ -984,13 +982,16 @@ input[type=checkbox] {
|
||||
height: 68px;
|
||||
background: #ffffff;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.profile-avatar {
|
||||
position: relative;
|
||||
top: 188px;
|
||||
left: 40px;
|
||||
display: flex;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@@ -1008,13 +1009,11 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
color: #FFFFFF;
|
||||
color: var(--text-color-dark);
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
line-height: 156%;
|
||||
letter-spacing: -0.0175em;
|
||||
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.64);
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
@@ -1024,6 +1023,36 @@ input[type=checkbox] {
|
||||
}
|
||||
}
|
||||
|
||||
.profile-name-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.25rem;
|
||||
padding-left: 175px;
|
||||
}
|
||||
|
||||
.profile-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.profile-info {
|
||||
flex-direction: column;
|
||||
align-items: end;
|
||||
justify-content: space-around;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.profile-name-section {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.profile-link {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.creator-badge {
|
||||
background: #48BB74;
|
||||
padding: 4px 6px;
|
||||
@@ -1038,54 +1067,40 @@ input[type=checkbox] {
|
||||
height: fit-content;
|
||||
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
|
||||
border-radius: 4px;
|
||||
margin-top: 2rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.creator-badge {
|
||||
font-size: 8px;
|
||||
margin: 8px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-profession {
|
||||
position: relative;
|
||||
top: 16px;
|
||||
left: 174px;
|
||||
font-size: 12px;
|
||||
line-height: 165%;
|
||||
width: 85%;
|
||||
.profile-card {
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
display: grid;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.profile-profession {
|
||||
width: 75%;
|
||||
}
|
||||
.profile-item {
|
||||
color: var(--text-color-dark);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.profile-profession {
|
||||
width: 60%;
|
||||
}
|
||||
.profile-card-row span::before {
|
||||
content: "\00B7";
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.profile-profession {
|
||||
top: 10px;
|
||||
left: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.profile-profession {
|
||||
top: 5px;
|
||||
left: 70px;
|
||||
width: 75%;
|
||||
}
|
||||
.education-work-details {
|
||||
display: grid;
|
||||
grid-template-columns: 4fr 1fr;
|
||||
grid-gap: 2rem;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
margin: 16px;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@@ -1100,6 +1115,15 @@ input[type=checkbox] {
|
||||
}
|
||||
}
|
||||
|
||||
.education-details {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.institute-name {
|
||||
font-weight: bold;
|
||||
color: var(--text-color-dark);
|
||||
}
|
||||
|
||||
.profile-courses {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
@@ -1185,98 +1209,10 @@ pre {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.talk-title {
|
||||
border-bottom: 1px solid #cecdcd;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.company-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.speaker-cards-parent {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
-moz-column-gap: 32px;
|
||||
column-gap: 14px;
|
||||
row-gap: 32px;
|
||||
}
|
||||
|
||||
.avatar img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.section-with-cards .course-home-headings {
|
||||
margin: 0px 0px 1rem;
|
||||
}
|
||||
|
||||
.schedule-container {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.schedule-inner-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1.2fr 2fr 1fr 0.2fr;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
|
||||
.schedule-slot {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.schedule-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.schedule-info {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.drop-down-icon {
|
||||
padding: 5px 0 0 5px;
|
||||
}
|
||||
|
||||
.event-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.exhibitor-card {
|
||||
text-align: center;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.exhibitor-card .company-name {
|
||||
font-size: 25px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.exhibitor-card .company-logo {
|
||||
height: 158px;
|
||||
width: 252px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.info-speaker-avatar {
|
||||
display: flex;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.info-speaker {
|
||||
margin-left: 1rem;
|
||||
padding-bottom: 0;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.info-avatar img {
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.certificate-content {
|
||||
padding: 2.5rem 3rem;
|
||||
}
|
||||
|
||||
3
school/public/icons/call.svg
Normal file
3
school/public/icons/call.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.4823 11.64L10.8764 13.2242C10.0389 12.7193 9.26095 12.1217 8.55714 11.4428C7.87926 10.7378 7.28179 9.95968 6.77571 9.12278L8.35837 7.51687C8.45423 7.41953 8.51896 7.29587 8.54434 7.16164C8.56971 7.0274 8.55459 6.88865 8.50088 6.76304L6.85072 2.91666C6.78553 2.76499 6.66802 2.64179 6.5196 2.56951C6.37119 2.49723 6.20174 2.48068 6.04214 2.52287L3.01634 3.3232C2.86523 3.36237 2.7319 3.45167 2.63815 3.57648C2.54441 3.7013 2.4958 3.85423 2.50028 4.01027C2.69281 7.52945 4.15604 10.8592 6.6182 13.381C9.14046 15.8439 12.4711 17.3074 15.9911 17.4996C16.1473 17.5049 16.3006 17.4567 16.4257 17.363C16.5508 17.2693 16.6401 17.1357 16.6789 16.9843L17.4785 13.957C17.5209 13.7975 17.5046 13.6281 17.4324 13.4796C17.3602 13.3312 17.2371 13.2136 17.0855 13.1484L13.2384 11.499C13.1126 11.4445 12.9735 11.4288 12.8388 11.454C12.7041 11.4791 12.5799 11.5439 12.4823 11.64V11.64Z" stroke="#192734" stroke-miterlimit="10" stroke-linecap="square"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -1,9 +1 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect x="2" y="2" width="20" height="20" fill="url(#pattern0)"/>
|
||||
<defs>
|
||||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0" transform="scale(0.05)"/>
|
||||
</pattern>
|
||||
<image id="image0" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABiUlEQVQ4EZWU4VUCMQzHOwIjMAIb6AhuIBvgArb9QkLDh3MD3EA3wA10A9wAN0D/PdLLld5DeI+XuzT95Z9cU+cavxi7maf0GCi9BU6HwHI6//eBUhd5e9/Y1nZFSk+B5GggCqvtPq5l0aY456AqsOz+ARrAJMdI6aEJ9ZReb4INbThdtCCXOQrgeWRZepJvTeI5/ZjniHKLCCiN3SwrzaVWPdMSsFYCz07bN88p2iQ9kGWpTrU1RBPUtihEdSTHvO5Z3hUE6zl91Run3q1C7M0fyPapOKcIDX/dW2fVZaA2t7G55fIkH8qA4kvgLVPgnLMVZiB6phlgPctLS0nLh/Nn9+L4OQCsM0M3smoBrK+Hjeb8lI9UnWWAp4PnbXgmuVNQZJ77jaz6S6NcGHkUR6fDNHZ3MTXVBWBih5nWI1Myr2WhyqAY5wkNxvhpjFqUpbFqkUTXi8XmHEDyeW1SFASLUifjoc4c1Mn7ToFQNglTqQjAlwcYCdRvbVY1dQ/awPr5avZ6w9/7L3HVAW99VdWzAAAAAElFTkSuQmCC"/>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#192734" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 523 B |
8
school/public/icons/linkedin.svg
Normal file
8
school/public/icons/linkedin.svg
Normal file
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="20" height="20" viewBox="0 0 24 24" stroke-width="1" stroke="#192734" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<rect x="4" y="4" width="16" height="16" rx="2" />
|
||||
<line x1="8" y1="11" x2="8" y2="16" />
|
||||
<line x1="8" y1="8" x2="8" y2="8.01" />
|
||||
<line x1="12" y1="16" x2="12" y2="11" />
|
||||
<path d="M16 16v-3a2 2 0 0 0 -4 0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 509 B |
4
school/public/icons/mail.svg
Normal file
4
school/public/icons/mail.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.5 7.65137V15.0756C2.5 15.4373 2.64367 15.7841 2.8994 16.0398C3.15513 16.2956 3.50198 16.4392 3.86364 16.4392H16.1364C16.498 16.4392 16.8449 16.2956 17.1006 16.0398C17.3563 15.7841 17.5 15.4373 17.5 15.0756V7.65137" stroke="#192734" stroke-miterlimit="10" stroke-linecap="square"/>
|
||||
<path d="M17.5 7.5756V5.53014C17.5 5.16848 17.3563 4.82164 17.1006 4.5659C16.8449 4.31017 16.498 4.1665 16.1364 4.1665H3.86364C3.50198 4.1665 3.15513 4.31017 2.8994 4.5659C2.64367 4.82164 2.5 5.16848 2.5 5.53014V7.5756L10 10.8332L17.5 7.5756Z" stroke="#192734" stroke-miterlimit="10" stroke-linecap="square"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 714 B |
@@ -1,9 +1,9 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect x="2" y="3" width="20.7" height="18" fill="url(#pattern0)"/>
|
||||
<defs>
|
||||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0" transform="scale(0.0434783 0.05)"/>
|
||||
</pattern>
|
||||
<image id="image0" width="23" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAABtUlEQVRIDa2UTU7CQBSAOYJH4CgcxSNwAIPoAgSEqAmIbohR/iQIgiK0nU75q4BiKz0ALnStxoULTMZMzWvGoUBrbPLy5jUz3zd5M61nKxJ7iR0kjz0uH1HEPhErH93+7eK1m+EoobEd3Z25kbSQrAtIJjQkrMxsJQCH7EQiIuQHMJvnJADlM5UkUukNvls3GHsFJL+yUH5MJe2eGvbwULaOp9KfmXzeywpaklzlYXb1cDTWl8ITqSOSyRYqAKeHaAfi33V6KtEmhuIETjKneR/GeK2F5CkP4mtJxkTTH13As4VpQ5B2eJBdPRiNiD4xXMFJ+bJuXjs7ILxTOl0T7BqeyRZIQxCXCu4ftL/Dc+cXC+H9wcACO9p5PHn4TnfMRvXqek6AFMU8RAqFWHlbQnv72bNi6Y2Fn+SKpCmiX4Lh3diCOoYHwpEgveOlcs3PSkqVmgVvd3tzYEdtATh8RKyk3mgSQUJfY03/HzgrKZarz11VfYI28NnseTAc8wVCUYX9p8CY3znAIWuG4aMQHmy1BSbaSVbBYa2dxNw5TIDMSpzCYS0rsYXDRCqhAbWb/COZrH8Ddw70agzSigAAAAAASUVORK5CYII="/>
|
||||
</defs>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-medium" width="20" height="20" viewBox="0 0 24 24" stroke-width="1" stroke="#192734" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<rect x="4" y="4" width="16" height="16" rx="2" />
|
||||
<path d="M8 9h1l3 3l3 -3h1" />
|
||||
<line x1="8" y1="15" x2="10" y2="15" />
|
||||
<line x1="14" y1="15" x2="16" y2="15" />
|
||||
<line x1="9" y1="9" x2="9" y2="15" />
|
||||
<line x1="15" y1="9" x2="15" y2="15" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 541 B |
Reference in New Issue
Block a user