Power_Platform_Community
Here i will Update all My Microsoft Power Platform Community Activity's
2008
2
Feb
Attends the Philadelphia Museum School of Industrial Art. Studies design with Alexey Brodovitch, art director at Harper's Bazaar, and works as his assistant.
1
Sept
The part of my life in University of Pennsylvania
Started from University of Pennsylvania. This is an important stage of my career. Here I worked in the local magazine. The experience greatly affected me
2014
14
Jul
Travels to France, Italy, Spain, and Peru. After completing fashion editorial in Lima, prolongs stay to make portraits of local people in a daylight studio
2016
28
Aug
Upon moving to Brooklyn that summer, I began photographing weddings in Chicago
<style>
/*
!!!!
This pen is being refactored
!!!!
*/
/*
=====
DEPENDENCES
=====
*/
.r-title{
margin-top: var(--rTitleMarginTop, 0) !important;
margin-bottom: var(--rTitleMarginBottom, 0) !important;
}
p:not([class]){
line-height: var(--cssTypographyLineHeight, 1.78);
margin-top: var(--cssTypographyBasicMargin, 1em);
margin-bottom: 0;
}
p:not([class]):first-child{
margin-top: 0;
}
/*
text component
*/
.text{
display: var(--textDisplay, inline-flex);
font-size: var(--textFontSize, 1rem);
}
/*
time component
*/
/*
core styles
*/
.time{
display: var(--timeDisplay, inline-flex);
}
/*
extensions
*/
.time__month{
margin-left: var(--timelineMounthMarginLeft, .25em);
}
/*
skin
*/
.time{
padding: var(--timePadding, .25rem 1.25rem .25rem);
background-color: var(--timeBackgroundColor, #f0f0f0);
font-size: var(--timeFontSize, .75rem);
font-weight: var(--timeFontWeight, 700);
text-transform: var(--timeTextTransform, uppercase);
color: var(--timeColor, currentColor);
}
/*
card component
*/
/*
core styles
*/
.card{
padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem);
}
.card__content{
margin-top: var(--cardContentMarginTop, .5rem);
}
/*
skin
*/
.card{
border-radius: var(--timelineCardBorderRadius, 2px);
border-left: var(--timelineCardBorderLeftWidth, 3px) solid var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor));
box-shadow: var(--timelineCardBoxShadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
background-color: var(--timelineCardBackgroundColor, #fff);
}
/*
extensions
*/
.card__title{
--rTitleMarginTop: var(--cardTitleMarginTop, 1rem);
font-size: var(--cardTitleFontSize, 1.25rem);
}
/*
=====
CORE STYLES
=====
*/
.timeline{
display: var(--timelineDisplay, grid);
grid-row-gap: var(--timelineGroupsGap, 2rem);
}
/*
1. If timeline__year isn't displaed the gap between it and timeline__cards isn't displayed too
*/
.timeline__year{
margin-bottom: 1.25rem; /* 1 */
}
.timeline__cards{
display: var(--timeloneCardsDisplay, grid);
grid-row-gap: var(--timeloneCardsGap, 1.5rem);
}
/*
=====
SKIN
=====
*/
.timeline{
--uiTimelineMainColor: var(--timelineMainColor, #222);
--uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
border-left: var(--timelineLineWidth, 3px) solid var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));
padding-top: 1rem;
padding-bottom: 1.5rem;
}
.timeline__year{
--timePadding: var(--timelineYearPadding, .5rem 1.5rem);
--timeColor: var(--uiTimelineSecondaryColor);
--timeBackgroundColor: var(--uiTimelineMainColor);
--timeFontWeight: var(--timelineYearFontWeight, 400);
}
.timeline__card{
position: relative;
margin-left: var(--timelineCardLineGap, 1rem);
}
/*
1. Stoping cut box shadow
*/
.timeline__cards{
overflow: hidden;
padding-top: .25rem; /* 1 */
padding-bottom: .25rem; /* 1 */
}
.timeline__card::before{
content: "";
width: 100%;
height: var(--timelineCardLineWidth, 2px);
background-color: var(--timelineCardLineBackgroundColor, var(--uiTimelineMainColor));
position: absolute;
top: var(--timelineCardLineTop, 1rem);
left: -50%;
z-index: -1;
}
/*
=====
SETTINGS
=====
*/
/**/
.timeline{
--timelineMainColor: #4557bb;
}
/*
=====
DEMO
=====
*/
body{
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif;
color: #222;
background-color: #f0f0f0;
margin: 0;
display: flex;
flex-direction: column;
}
p{
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.5;
}
p:last-child{
margin-bottom: 0;
}
.page{
max-width: 47rem;
padding: 5rem 2rem 3rem;
margin-left: auto;
margin-right: auto;
}
.substack{
border:1px solid #EEE;
background-color: #fff;
width: 100%;
max-width: 480px;
height: 280px;
margin: 1rem auto;;
}
.linktr{
display: flex;
justify-content: flex-end;
padding: 2rem;
text-align: center;
}
.linktr__goal{
background-color: rgb(209, 246, 255);
color: rgb(8, 49, 112);
box-shadow: rgb(8 49 112 / 24%) 0px 2px 8px 0px;
border-radius: 2rem;
padding: .75rem 1.5rem;
}
.r-link{
--uirLinkDisplay: var(--rLinkDisplay, inline-flex);
--uirLinkTextColor: var(--rLinkTextColor);
--uirLinkTextDecoration: var(--rLinkTextDecoration, none);
display: var(--uirLinkDisplay) !important;
color: var(--uirLinkTextColor) !important;
text-decoration: var(--uirLinkTextDecoration) !important;
}
</style>