x x x
x

Your personal data will be processed by Amazon Web Services EMEA SARL ("AWS Europe"). Please see Privacy Notice at https://aws.amazon.com/privacy. The local data controller representative for AWS EMEA is DataRegistrar Danışmanlık Hizmetleri Anonim Şirketi. For more information email awsedstart-emea@amazon.com. By pressing accept, you agree that your personal data may be processed by AWS Europe and any personal data you provide may be transferred outside your country and to affiliates of the processing entity in accordance with the AWS Privacy Notice.

The following translation is for informational purposes only. In the event of a discrepancy, inconsistency, or conflict between this translation and the English version (in particular due to delays in translation), the English version will prevail.

Kişisel verileriniz, Amazon Web Services EMEA SARL ("AWS Europe") tarafından işlenecektir. Lütfen https://aws.amazon.com/privacy adresindeki Gizlilik Bildirimini inceleyiniz. AWS EMEA'nın lokal veri sorumlusu temsilcisi DataRegistrar Danışmanlık Hizmetleri Anonim Şirketi'dir. Daha fazla bilgi için awsedstart-emea@amazon.com adresine e-posta gönderiniz. [Bu kutuyu işaretleyerek], kişisel verilerinizin AWS Europe tarafından işlenebileceğini ve sağladığınız kişisel verilerin AWS Gizlilik Bildirimi uyarınca yurt dışına ve işleyen şirketin bağlı şirketlerine aktarılabileceğini kabul etmiş olursunuz.

Bu çeviri yalnızca bilgi amaçlıdır. Bu çeviri ile İngilizce metin arasında (özellikle çevirideki gecikmeler nedeniyle) bir farklılık, tutarsızlık veya çelişki olması durumunda İngilizce metin geçerli olacaktır.

Decline

By clicking “Yes” below, I agree to the following:

- The capitalized terms herein have the same meaning as in the AWS EdStart Agreement.

- I provide my prior, express, and informed consent to allow Amazon Web Services, Inc. (AWS) to process my personal data acting as a data Controller, in accordance with the AWS Privacy Notice, and the AWS EdStart Agreement, and for the purposes of developing the AWS EdStart Program, and providing the corresponding Program Benefits to you.

- AWS may transfer or transmit your personal information outside of Colombia, including to countries that may not have adequate levels of data protection according to your local data protection laws.

- As a data holder, I understand that I have the rights to know, update, rectify and delete, as well as the possibility to access at any time the data provided, request proof of authorization and revoke authorization. Additionally, I may file a claim before the competent authorities.

- Answering to questions regarding sensitive data is optional

For any questions, please contact us through awsedstart-colombia@amazon.com


Al hacer clic en "Sí" a continuación, acepto lo siguiente:

- Los términos en mayúscula aquí tienen el mismo significado que en el Acuerdo AWS EdStart.

- Doy mi consentimiento previo, expreso e informado para que Amazon Web Services, Inc. (en adelante “AWS”) trate mis datos personales en calidad de Responsable, de conformidad con el Aviso de Privacidad de AWS, y el Acuerdo AWS EdStart, y con el propósito de desarrollar el Programa AWS EdStart, y proporcionarme los Beneficios del Programa correspondientes.

- AWS puede transferir o transmitir su información personal fuera de Colombia, incluso a países que pueden no tener niveles adecuados de protección de datos de conformidad con sus leyes locales.

- Como titular de los datos, entiendo que tengo derecho a conocer, actualizar, rectificar y suprimir mis datos personales, así como la posibilidad de acceder en cualquier momento a los datos suministrados, solicitar prueba de autorización y revocar la autorización. Además, puedo presentar quejas o reclamos ante las autoridades competentes.

- Responder a preguntas que versen sobre datos sensibles es opcional.

Para cualquier pregunta, póngase en contacto con nosotros a través de awsedstart-colombia@amazon.com

Decline

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


...

titletruetrue

imagetruetrue

datetruetrue

cardLinktruetrue

descriptiontruetrue

specifics1truetrue

specificsLink1truetrue

specifics2truetrue

specificsLink2truetrue

titleTitletexttrue

imageImageimage/*filetrue

dateDate / Timedatetimetrue

cardLinkCard Linkfalse[events=Event|mentor=Mentor|resources=Resource|]text

descriptionDescriptionDescription must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]textareatrue^.{1,244}

specifics1Specifics 1Specifics must be less than 100 characters.false[events=Event|mentor=Mentor|resources=Resource|]text^.{1,100}

specificsLink1Specifics Link 1false[events=Event|mentor=Mentor|resources=Resource|]text

specifics2Specifics 2Specifics must be less than 100 characters.false[events=Event|mentor=Mentor|resources=Resource|]text^.{1,100}

specificsLink2Specifics Link 2false[events=Event|mentor=Mentor|resources=Resource|]text

linkStyleLink Style (IGNORE)text

!cardLink:[empty]specificsLink1,specificsLink2Reset valuecardLink

!specificsLink1:[empty] OR !specificsLink2:[empty]cardLink,linkStyleReset valuespecificsLink1,specificsLink2

!cardLink:[empty]linkStyle=inactivelinkSet valuetruecardLink

HTML
<style>

.aui-buttons {
    display: flex;
    font-size: 0;
    justify-content: center;
}

.searchBar form div {
    width: 300px;
    margin: auto;
}

p.confiforms-no-items {
    text-align: center;
    margin: 20px 0px;
}

#comments-section { 
   display: none; 
}

.announcementcard {
    display: flex;
    padding: 10px;
    background-color: #fdfdfd;
    border-radius: 16px;
    width: 900px;
    height: 250px;
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
}
.announcementcard:hover{
  box-shadow: -2.9px 4px 10px 0 rgba(0, 0, 0, 0.18);
}

.card-title {
  color: #0B7FBA;
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px 0px 0px;
}
.card-date {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 0px 0px 0px;
}
.card-description {
  font-size: 15px;
  font-weight: 200;
  color: #000000;
  padding: 20px 10px 0px 0px;
}
.card-specifics {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px 0px 0px;
}
.announcementcard img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    padding-top: 13px;
}
div.text-container {
  display: flex;
  flex-direction: column;
}
div.link-container {
  display: flex;
  flex-direction: column;
  padding: 10px 0px 0px 0px;
}
div.text-encompasser {
    display: flex;
    width: 55%;
    flex-direction: column;
    padding: 0px 0px 0px 10px;
}
.imgalign {
    display: flex;
    flex-direction: column;
    width: 45%;
    height: 300px;
}
.date-container {
    position: relative;
    top: -225px;
    width: 45%;
    left: 0px;
    padding: 10px;
    text-align: center;
    background-color: #eb9029;
}

/* carousel styling */
/* Slideshow container */
#announcements-wrapper {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.announcementcard {
  display: none;
}

/* Next previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 8px;
    color: var(--primary-color) !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 3px;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: var(--mobile-menu-background);
    text-decoration: none !important;
}

/* The dots/bullets/indicators */
.cdot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: var(--primary-color);
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .cdot:hover {
    background-color: var(--primary-color);
    opacity: 1;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 480px) and (min-width: 320px){
.announcementcard {
    flex-direction: column;
    height: 600px;
    width: 75%;
}

.imgalign {
    width: 100%;
	height: 250px;
}
.date-container {
    width: 50%;
}
div.text-encompasser {
	width: 100%;
}
}
</style>

...

CustomCSSdisplay: block;
ContainerIDannouncements-wrapper
HTML
<script>
function goToLink(cardLink){
	if(cardLink){
		window.open(cardLink, '_blank')
	}
}
</script>
ConfiForms PlainView
pageTitleDashboard
formNameannouncements
<div class="announcementcard fade" onclick="goToLink('[entry.cardLink]')">
	<div class="imgalign"> 
		<img src="/download/attachments/2326667/[entry.image.asAttachment]"></img>
		<div class="date-container"><font class="card-date">[entry.date.formatDate(MMM-dd-yy h:mm a)] </font></div>
 	</div>
	<div class="text-encompasser">
		<div class="text-container">
			<font class="card-title">[entry.title] </font>
		</div>
		<div class="text-container">
			<font class="card-description">[entry.description] </font>
		</div>
		<div class="link-container">
			<a href="[entry.specificsLink1]" target="_blank" class="[entry.linkStyle]"><font class="card-specifics">[entry.specifics1] </font></a>
		</div>
		<div class="link-container">
			<a href="[entry.specificsLink2]" target="_blank" class="[entry.linkStyle]"><font class="card-specifics">[entry.specifics2] </font></a>
		</div>
	</div>
</div>
HTML
<a class="prev" onclick="plusSlides(-1)">❮</a><a class="next" onclick="plusSlides(1)">❯</a>
HTML
<div style="text-align:center" id="dot-container" > </div>
<script>
// add dots
var dotParents = document.getElementsByClassName("announcementcard");
for(var i = 0; i < dotParents.length; i++){
	var index = i+1;
    document.getElementById("dot-container").innerHTML += "<span class='cdot' onclick='currentSlide("+ index +")'> </span>";
}
window.mobilecheck = function() {
  var check = false;
  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
  return check;
};
var onMobile = mobilecheck();
/* carousel */
var slideIndex = 1;
showSlides(slideIndex);
var myvar;

if(!onMobile){
 myvar = window.setInterval(function(){slideIndex += 1; showSlides(slideIndex);}, 3000);
}

// Next/previous controls
function plusSlides(n) {
  showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
  showSlides(slideIndex = n);
}

// Stop interval
$( ".announcementcard" )
  .mouseenter(function() {
    console.log('clear interval')
    window.clearInterval(myvar);
  })
  .mouseleave(function(){
    if(!onMobile){
      myvar = window.setInterval(function(){slideIndex += 1; showSlides(slideIndex);}, 3000);
    }
  })


function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("announcementcard");
  var dots = document.getElementsByClassName("cdot");
  if (n > slides.length) {slideIndex = 1} 
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none"; 
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "flex"; 
  dots[slideIndex-1].className += " active";
} 
</script>

...

HTML
<style>
#cf_messages {
  height: 200px;
  width: 632px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.button-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}

.carousel {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  transition: all 1s ease;
}

.card {
  background: black;
  min-width: 200px;
  height: 200px;
  margin-right: 1rem;
  display: inline-block;
}
</style>

<script>
// Select the carousel you'll need to manipulate and the buttons you'll add events to
const carousel = document.getElementsByClassName("cf_announcements_list")[0];
const card = document.querySelector("[data-target='card']");
const leftButton = document.querySelector("[data-action='slideLeft']");
const rightButton = document.querySelector("[data-action='slideRight']");

// Prepare to limit the direction in which the carousel can slide, 
// and to control how much the carousel advances by each time.
// In order to slide the carousel so that only three cards are perfectly visible each time,
// you need to know the carousel width, and the margin placed on a given card in the carousel
const carouselWidth = carousel.offsetWidth;
const cardStyle = card.currentStyle || window.getComputedStyle(card)
const cardMarginRight = Number(cardStyle.marginRight.match(/\d+/g)[0]);

// Count the number of total cards you have
const cardCount = carousel.querySelectorAll("[data-target='card']").length;

// Define an offset property to dynamically update by clicking the button controls
// as well as a maxX property so the carousel knows when to stop at the upper limit
let offset = 0;
const maxX = -((cardCount / 3) * carouselWidth + 
               (cardMarginRight * (cardCount / 3)) - 
               carouselWidth - cardMarginRight);


// Add the click events
leftButton.addEventListener("click", function() {
  if (offset !== 0) {
    offset += carouselWidth + cardMarginRight;
    carousel.style.transform = `translateX(${offset}px)`;
    }
})
  
rightButton.addEventListener("click", function() {
  if (offset !== maxX) {
    offset -= carouselWidth + cardMarginRight;
    carousel.style.transform = `translateX(${offset}px)`;
  }
})
</script>


...

Hide If
special@anonymous


HTML
<div class="banner-main">
<div class="textholder">
<img src="/download/attachments/2326667/awsedstartbanner.png?api=v2"></img>
</div>

<style>
.dates.locationContainer {
    margin-top: 3px;
}

.eventcard 
<div class="title">AWS EdStart Community Portal</div>
a:hover {
    text-decoration: 
<div class="subtitle">Welcome to the AWS EdStart Community Portal</div> </div> </div> <style> /*BANNER STYLING*/ .textholder
none !important;
}
.eventcard .dates {
  color: var(--primary-font-color) !important;
  display: flex;
}

.eventcard .dates p {
  
text-align
-items
:
center
 left;
  margin: 
justify-content:center
0 0px 0 10px;
}
.
banner
location {
  display: flex;
  
background
margin-
image
top: 
url("/download/attachments/2326667/AWS%20Main%20Banner.png?api=v2"); background-position: center; background-repeat: no-repeat; background-size: cover; text-align
7px;
}
.eventcard img.clockImage {
  object-fit: fill;
  width: auto;
  height: 16px !important;
  align-self: center;
  margin: 0 0 
color:
0 
white
12px;
}
.eventcard img.pinImage {
  
height:220px
object-fit: fill;
  width: auto;
 
display:flex
 height: 16px !important;
  align-
items
self: center;
  margin: 0 0 0 
justify-content:center
14px;
}
.eventcard .
banner
location 
img
p {
  text-align: left;
  
width:100%; height:200px
margin: 0 0px 0 10px;
  overflow-x: hidden;
}

.
title
bigTimeContainer {
    
font-size:40px
height: auto;
} .subtitle
 
{
   
font
min-
size
width:
18px
 54px;
}

a.inactivelink {
    
color
background: 
#000000!important
white;
    
text
border-
decoration
radius:
none
 6px !important;
    
cursor:unset!important; } .rw_background_image {
display: flex;
    
margin
flex-
top
direction:
-13px; } .rw_formatting_item > .rw_background_image {
 column;
    /* 
background
justify-
size
content: 
contain;
space-evenly; */
    
height:200px!important
align-items: center;
    
background
padding-
repeat
bottom: 
no-repeat
5px;
} /*
 
RW
 
ACTIVITY
 
MACRO
 
STYLING */ .rw_activity_module .rw_user_set .rw_user_set_content .rw_date .rw_view_change_button {
margin: 7px;
}
.bigTimeDate {
    color: var(--header-font);
    
display
font-size: 
none!important; } .rw_activity_module ul.rw_activity_list > li:nth-child(odd)
25px;
	margin-bottom: 1px;
}
.bigTimeMonth {
    background: 
#ffffff
white;
    
border-radius
color: black 
15px
!important;
} .rw_activity_module .rw_user_set .rw_user_set_content .rw_author {
    margin-top: -9px;
    
padding
font-size: 
10px
18px;
    
background
width: 
white
100%;
    
border-radius: 15px
display: flex;
    
display
justify-content: 
none; } .rw_activity_module .rw_user_set .rw_user_set_content:before { display:none; } .rw_activity_module .rw_user_set .rw_user_set_content:after
center;
	text-transform: uppercase;
}
.eventcard .text-container {
    
display:none
flex-direction: row;
}

ul
.
rw_items
eventcard {
    
display
border-radius: 6px 
block
!important;
    
margin
padding: 
0
5px;
    
padding
min-height: 
0
100px;
} .rw_activity_module ul.rw_activity_list > li:last-child { border-radius: 15px
	margin: 0px 10px 10px 10px;
	box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08) !important;
}

.
rw_activity_module .rw_user_set .rw_user_set_pic .rw_profile_pic {
title {
    display: flex;
    
float
color: 
left
#007FBA;
    
width
text-shadow: unset 
49px
!important;
    
height
font-size: 
33px
16px;
    
padding: 0px 20px 0px 0px
margin: 0 0 5px 0;
    text-align: left;
    
display
margin-left: 
none
12px;
}

.
rw_activity_module.rw_width_mode_small .rw_user_set .rw_user_set_content { margin-left: -26px;
eventcard:hover {
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08) !important;
    border-radius: 
15px; background: #ffffff
6px !important;
    
overflow
padding: 
visible
5px;
    
border
min-height: 
none
100px;
}

ul.rw_items
/*BANNER STYLING*/

.banner-main {
    
display: block
max-height:200px;
    
margin
width: 
0
100%;
    
padding
display:
0
flex;
} </style>
Hide If
special@anonymous

Content Layout Macro

Show If
special@anonymous

Content Layout Macro

...

special@anonymous

Announcements

...

closeButtonLabelCancel
formNameannouncements
saveButtonLabelCreate/Save
registrationFormTitleCreate Announcement
    align-items:center;
    justify-content:center;
}

.banner-main img {
    image-size: contain;
    width:100%;
}

.banner-link {
	width: 100%;
	height: 100%;
}

.programBenefitsContainer {
	margin-top: 15px;
}

hr.pageDividerLine {
    border-bottom: 1px solid var(--primary-color);
    width: 90%;
	margin-bottom: 40px;
}


.rw_content_layout_macro .rw_layout_group ~ .rw_layout_group {
    border-top: none;
}

.announcementsPageContainer {
	margin: 15px 0px 40px 0px;
}


a.inactivelink {
    color: #000000!important;
    text-decoration:none!important;
    cursor:unset!important;
}

.event-title-list[_ngcontent-c1] {
    font-size: 16px;
}

div.event-list {
    border-radius: 5px;
    margin: 10px 5px 10px 5px;
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08);
}

.event-list-row {
    border-top: unset !important;
}

.ddate {
    font-family: AmazonEmberLight;
}

.dmonth {
    font-family: AmazonEmberLight;
}

/* INTERESTED IN ALEXA STYLING */
.cf_alexaInterest .aui-button.aui-button-primary, .aui-button.aui-button-primary:visited {
    width: 213px;
    height: 45px;
    border: 1px solid var(--cb-outline);
    font-size: 18px;
    border-radius: 10px;
    background: var(--s-label-fill);
}

.cf_alexaInterest .confiFormsFormContent {
    display: none;
}

.cf_alexaInterest .confiFormsFormFooter {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.cf_alexaInterest.confiFormsFormBorder {
    border: none;
    width: fit-content;
    margin: auto;
}
/* END OF INTERESTED IN ALEXA STYLING */
</style>

Content Layout Macro


Show If
special@anonymous


HTML
<div class="banner">

</div>

<style>
/*BANNER STYLING*/

.textholder {
    align-items:center;
    justify-content:center;
}

.banner {
    background-image: url("/download/attachments/2326667/awsedstartbanner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: white;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.banner img {
    width:100%; height:200px;
}

.title {
    font-size:40px;
}
.subtitle {
    width:42%;
    font-size:18px;
    margin:auto;
}


a.inactivelink {
    color: #000000!important;
    text-decoration:none!important;
    cursor:unset!important;
}

.rw_background_image {
    margin-top:-13px;
}

.rw_formatting_item > .rw_background_image {
    background-size: contain;
    height:200px!important;
    background-repeat: no-repeat;
}

.event-title-list[_ngcontent-c1] {
    font-size: 16px;
}
</style>



Hide If
special@anonymous


Show If


ConfiForms (FormView) Registrations Control
redirectUrl/display/RES/AWS+EdStart+Voice+Builder+Course+and+Badge
pageTitleInterested in Alexa
formNamealexaInterest
registrationButtonLabelSubmit
embeddedtrue


HTML
<div class="alexaBanner">
</div>

<style>
/*BANNER STYLING*/
.alexaBanner {
    background-image: url("/download/attachments/2326667/Alexa%20Banner.png?api=v2");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #1a253d;
    text-align: center;
    color: white;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.alexaBanner:hover {
	cursor: pointer;
}

.alexaBanner img {
    width:100%; height:200px;
}

.cf_alexaInterest .save-cf-btn {
	display: none;
}
</style>

<script>
$( ".alexaBanner" ).click(function() {
    console.log("alexa clicked");
  $( ".cf_alexaInterest .save-cf-btn" ).click();
});
</script>



HTML
<div class="alexaBanner">
	<a class="internalBannerLink" href="/display/EVE/AWS+EdStart+-+Global+Builders+Conference"> </a>
</div>

<style>
/*BANNER STYLING*/
a.internalBannerLink {
    width: 100%;
    height: 100%;
}

.alexaBanner {
    background-image: url("https://passport-media.s3.us-west-1.amazonaws.com/AWS+EdStart/AWS+Edstart+Global+Conference+Banner_1912x320-01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #1a253d;
    text-align: center;
    color: white;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.alexaBanner:hover {
	cursor: pointer;
}

.alexaBanner img {
    width:100%; height:200px;
}

a.internalBannerLink {
  width: 100vw !important;
  height: 300px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

.alexaBanner {
    height: 375px;
    background-color: transparent !important;
}
</script>


Announcements

ConfiForms Form Definition
additionalFormAdminsawsedstart-admins
closeButtonLabelCancel
formNameannouncements
saveButtonLabelCreate/Save
registrationFormTitleCreate Announcement


Create/SaveannouncementsCancelconfluence-administrators,awsedstart-adminsNew AnnouncementINLINE

titletruetrue

imagetruetrue

datetruetrue

cardLinktruetrue

descriptiontruetrue

specifics1truetrue

specificsLink1truetrue

specifics2truetrue

specificsLink2truetrue

titleTitletexttrue

imageImageimage/*filetrue

dateDate / Timedatetimetrue

cardLinkCard Linkfalse[events=Event|mentor=Mentor|resources=Resource|]text

descriptionDescriptionDescription must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]textareatrue

specifics1Specifics 1Specifics must be less than 100 characters.false[events=Event|mentor=Mentor|resources=Resource|]text^.{1,100}

specificsLink1Specifics Link 1false[events=Event|mentor=Mentor|resources=Resource|]text

specifics2Specifics 2Specifics must be less than 100 characters.false[events=Event|mentor=Mentor|resources=Resource|]text^.{1,100}

specificsLink2Specifics Link 2false[events=Event|mentor=Mentor|resources=Resource|]text

linkStyleLink Style (IGNORE)text

!cardLink:[empty]specificsLink1,specificsLink2Reset valuecardLink

!specificsLink1:[empty] OR !specificsLink2:[empty]cardLink,linkStyleReset valuespecificsLink1,specificsLink2

!cardLink:[empty]linkStyle=inactivelinkSet valuetruecardLink



HTML
<style>

.aui-buttons {
    display: flex;
    font-size: 0;
    justify-content: center;
}

.searchBar form div {
    width: 300px;
    margin: auto;
}

p.confiforms-no-items {
    text-align: center;
    margin: 20px 0px;
}

#comments-section { 
   display: none; 
}

.announcementcard {
    display: flex;
    padding: 10px;
    background-color: #fdfdfd;
    border-radius: 16px;
    width: 900px;
    height: 250px;
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
}
.announcementcard:hover{
  box-shadow: -2.9px 4px 10px 0 rgba(0, 0, 0, 0.18);
}

.a-card-title {
  color: #0B7FBA;
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px 0px 0px;
  text-align:left;
}
.a-card-date {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 0px 0px 0px;
}
.a-card-description {
  font-size: 15px;
  font-weight: 200;
  color: #000000;
  padding: 20px 10px 0px 0px;
}
.a-card-specifics {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px 0px 0px;
}
.announcementcard img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    padding-top: 13px;
}
div.text-container {
  display: flex;
  flex-direction: column;
}
div.link-container {
  display: flex;
  flex-direction: column;
  padding: 10px 0px 0px 0px;
}
div.text-encompasser {
    display: flex;
    width: 55%;
    flex-direction: column;
    padding: 0px 0px 0px 10px;
}
.imgalign {
    display: flex;
    flex-direction: column;
    width: 45%;
    height: 300px;
}
.date-container {
    position: relative;
    top: -225px;
    width: 45%;
    left: 0px;
    padding: 10px;
    text-align: center;
    background-color: #eb9029;
    display:none;
}

/* carousel styling */
/* Slideshow container */
#announcements-wrapper {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.announcementcard {
  display: none;
}

/* Next previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 8px;
    color: var(--primary-color) !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 3px;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: var(--mobile-menu-background);
    text-decoration: none !important;
}

/* The dots/bullets/indicators */
.cdot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: var(--primary-color);
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .cdot:hover {
    background-color: var(--primary-color);
    opacity: 1;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 480px) and (min-width: 320px){
.announcementcard {
    flex-direction: column;
    height: 600px;
    width: 75%;
}

.imgalign {
    width: 100%;
	height: 250px;
}
.date-container {
    width: 50%;
}
div.text-encompasser {
	width: 100%;
}
}
</style>



Custom section
CustomCSSdisplay: block;
ContainerIDannouncements-wrapper


HTML
<script>
function goToLink(cardLink){
	if(cardLink){
		window.open(cardLink, '_blank')
	}
}
</script>


ConfiForms PlainView
pageTitleDashboard
formNameannouncements
sortcreated DESC
<div class="announcementcard fade" onclick="goToLink('[entry.cardLink]')">
	<div class="imgalign"> 
		<img src="/download/attachments/2326667/[entry.image.asAttachment]"></img>
		<div class="date-container"><font class="a-card-date">[entry.date.formatDate(MMM-dd-yy h:mm a)] </font></div>
 	</div>
	<div class="text-encompasser">
		<div class="text-container">
			<font class="a-card-title">[entry.title] </font>
		</div>
		<div class="text-container">
			<font class="a-card-description">[entry.description] </font>
		</div>
		<div class="link-container">
			<a href="[entry.specificsLink1]" target="_blank" class="[entry.linkStyle]"><font class="a-card-specifics">[entry.specifics1] </font></a>
		</div>
		<div class="link-container">
			<a href="[entry.specificsLink2]" target="_blank" class="[entry.linkStyle]"><font class="a-card-specifics">[entry.specifics2] </font></a>
		</div>
	</div>
</div>


HTML
<a class="prev" onclick="plusSlides(-1)">❮</a><a class="next" onclick="plusSlides(1)">❯</a>



HTML
<div style="text-align:center" id="dot-container" > </div>
<script>
// add dots
var dotParents = document.getElementsByClassName("announcementcard");
for(var i = 0; i < dotParents.length; i++){
	var index = i+1;
    document.getElementById("dot-container").innerHTML += "<span class='cdot' onclick='currentSlide("+ index +")'> </span>";
}
window.mobilecheck = function() {
  var check = false;
  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
  return check;
};
var onMobile = mobilecheck();
/* carousel */
var slideIndex = 1;
showSlides(slideIndex);
var myvar;

if(!onMobile){
 myvar = window.setInterval(function(){slideIndex += 1; showSlides(slideIndex);}, 3000);
}

// Next/previous controls
function plusSlides(n) {
  showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
  showSlides(slideIndex = n);
}

// Stop interval
$( ".announcementcard" )
  .mouseenter(function() {
    console.log('clear interval')
    window.clearInterval(myvar);
  })
  .mouseleave(function(){
    if(!onMobile){
      myvar = window.setInterval(function(){slideIndex += 1; showSlides(slideIndex);}, 3000);
    }
  })


function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("announcementcard");
  var dots = document.getElementsByClassName("cdot");
  if (n > slides.length) {slideIndex = 1} 
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none"; 
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "flex"; 
  dots[slideIndex-1].className += " active";
} 
</script>


Custom section


HTML
<style>
#cf_messages {
  height: 200px;
  width: 632px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.button-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}

.carousel {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  transition: all 1s ease;
}

.card {
  background: black;
  min-width: 200px;
  height: 200px;
  margin-right: 1rem;
  display: inline-block;
}
</style>

<script>
// Select the carousel you'll need to manipulate and the buttons you'll add events to
const carousel = document.getElementsByClassName("cf_announcements_list")[0];
const card = document.querySelector("[data-target='card']");
const leftButton = document.querySelector("[data-action='slideLeft']");
const rightButton = document.querySelector("[data-action='slideRight']");

// Prepare to limit the direction in which the carousel can slide, 
// and to control how much the carousel advances by each time.
// In order to slide the carousel so that only three cards are perfectly visible each time,
// you need to know the carousel width, and the margin placed on a given card in the carousel
const carouselWidth = carousel.offsetWidth;
const cardStyle = card.currentStyle || window.getComputedStyle(card)
const cardMarginRight = Number(cardStyle.marginRight.match(/\d+/g)[0]);

// Count the number of total cards you have
const cardCount = carousel.querySelectorAll("[data-target='card']").length;

// Define an offset property to dynamically update by clicking the button controls
// as well as a maxX property so the carousel knows when to stop at the upper limit
let offset = 0;
const maxX = -((cardCount / 3) * carouselWidth + 
               (cardMarginRight * (cardCount / 3)) - 
               carouselWidth - cardMarginRight);


// Add the click events
leftButton.addEventListener("click", function() {
  if (offset !== 0) {
    offset += carouselWidth + cardMarginRight;
    carousel.style.transform = `translateX(${offset}px)`;
    }
})
  
rightButton.addEventListener("click", function() {
  if (offset !== maxX) {
    offset -= carouselWidth + cardMarginRight;
    carousel.style.transform = `translateX(${offset}px)`;
  }
})
</script>




Custom section
CustomCSSpadding:0px;justify-content:center; align-items:center;
ClassannouncementsPageContainer

Custom button
OpenNewTabtrue
CustomCSSborder-radius:10px;background:var(--s-label-fill);color:white;
Typecustom-button
TextView All Announcements
Url/display/AN/All+Announcements


HTML
<hr class="pageDividerLine">


Content Layout Macro

HTML
<script>
if (!(AJS.params.isConfluenceAdmin)) {
   $('.aui-button.aui-style-default.aui-dropdown2-trigger').hide()
}

/* prompt users when they leave the form */
var unsaved = false;
$('#i_confiform_registration_form').submit(function(){
  window.onbeforeunload = null
})
$(":input").change(function(){ //triggers change in all input fields including text type
    unsaved = true;
});

function unloadPage(){ 
    if(unsaved){
        return "hello";
    }
}
window.onbeforeunload = unloadPage;

document.getElementById('i_email').value = AJS.params.remoteUser;
document.getElementById('i_fullName').value = AJS.params.currentUserFullname;

console.log('display name', '$action.remoteUser.fullName');

  jQuery.ajax({
    url: "/rest/cup/1.0/profile/" + AJS.params.remoteUser,
    type: "get",
    dataType: 'json',
    async: false,
    success: function (data1) {
      var userCompany = data1["confluence.department"];
      if(userCompany){
        jQuery.ajax({
          url: "/rest/api/user?username=" + userCompany,
          type: "get",
          dataType: 'json',
          async: false,
          success: function (data2) {
            if(data2["displayName"]){
              document.getElementById('i_companyName').value = data2["displayName"];
            } else {
              document.getElementById('i_companyName').value = "Company not defined.";
            }
          }
        });
      } else {
        document.getElementById('i_companyName').value = "Company not defined.";
      }
    }
  });

document.getElementById('i_email').value = AJS.params.remoteUser;
document.getElementById('i_fullName').value = AJS.params.currentUserFullname;

console.log('display name', '$action.remoteUser.fullName');

  jQuery.ajax({
    url: "/rest/cup/1.0/profile/" + AJS.params.remoteUser,
    type: "get",
    dataType: 'json',
    async: false,
    success: function (data1) {
      console.log("made first call");
      var userCompany = data1["confluence.department"];
      if(userCompany){
        jQuery.ajax({
          url: "/rest/cup/1.0/profile/" + userCompany,
          type: "get",
          dataType: 'json',
          async: false,
          success: function (data2) {
            console.log("made  second call");
            if(data2["cup.field-37"]){
              document.getElementById('i_regionalEmail').value = data2["cup.field-37"];
            } else {
              document.getElementById('i_regionalEmail').value = "awsedstart@amazon.com";
            }
          }
        });
      } else {
        document.getElementById('i_regionalEmail').value = "awsedstart@amazon.com";
      }
    }
  });



</script>

<style>
.cf_textarea {
    max-width: 800px !important;
}
</style>



Show If
special@anonymous


HTML
<style>

div.cookieBanner {
background: #1b253d;
height: 220px;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
width: 100%;
}

.cookieBanner .body-container {
font-family: var(--main-font-family);
font-size: 16px;
}

div.innerCookie {
    width: 90%;
    margin: auto;
}

.cookieBanner .general-text-container {
    padding: 0;
    width: 95%;
}


.innerCookie p.auto-cursor-target {
    height: 0;
    padding: 0;
    margin: 0;
}

button.my-button.acceptCookies {
    width: 360px;
    height: 45px;
    border: none;
    color: var(--cb-font);
    border: 1px solid var(--cb-outline);
    font-size: 18px;
    background-color: var(--cb-fill);
	outline: none;
}

button.my-button.acceptCookies:hover {
    cursor: pointer;
}
</style>

<script>
function checkCookieAcceptance() {
  // If User Has Accepted Cookies
  if(getCookie("acceptedCookies") != "") {
    // Show Login
    $(".loginUI").removeClass("hidden");
  } else {
    // Show Cookie Acceptance Prompt
    $(".cookieBanner").removeClass("hidden");
  }
}

  function acceptCookies() {
    console.log("Accept Cookies Button Clicked");
    // Set 1 Year Aged Cookie to Store User's Response to Cookie Prompt
    setCookie("acceptedCookies", "allCookies", "31536000");
    //Hide Cookie Acceptance Prompt
    $(".cookieBanner").addClass("hidden");
    // Show Login
    $(".loginUI").removeClass("hidden");
  }
</script>


Custom section
ClasscookieBanner hidden


Custom section
ClassinnerCookie


General description

We use cookies to improve your experience. Select "Accept all" to agree to the use of cookies on your device to enhance site navigation, analyze usage, and assist in our marketing efforts. Our cookies are essential and our website cannot run without them. 


HTML
<button class="my-button acceptCookies" onclick="acceptCookies();" style="background:var(--s-label-fill);color:white;">Accept All</button>





HTML
<script>
checkCookieAcceptance();
</script>