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.


!specificsLink1:[empty] OR !specificsLink2:[empty]cardLinkReset valuespecificsLink1,specificsLink2

HTML
<style>

a {
    text-decoration: none!important;
}

.cf-entry-container {
    display: flex;
}

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

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

.announcementcard{
    display: flex;
    padding: 10px;
    background-color: #fdfdfd;
    border-radius: 16px;
    width: 900px;
	height: 250px;
    margin: 20px;
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08);
    cursor:pointer;
}
.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;
    color: #000000;
    padding: 10px 0px 0px 0px;
}
.announcementcard img {
    height: 90%;
    width: 100%;
    align-items: center;
    object-fit: cover;
    padding: 13px 0px 0px 0px;
}
div#card-footer {
    display: flex;
    align-self: flex-end;
}
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;
    flex-direction: column;
    padding: 0px 0px 0px 10px;
}
div#imgalign {
    width: 45%;
    display: flex;
    flex-direction: column;
}
div#carousel {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#date-container {
    position: relative;
    top: -231px;
    width: 45%;
    left: 0px;
    padding: 10px;
    text-align: center;
    background-color: #eb9029;
}
#comments-section { 
   display: none; 
}

</style>

...

CustomCSSpadding:0px;margin:0px;
Classwrapper

...

filterIdtest
messageToShowWhenEmptyThere are no announcements...
css flex-direction: row; display: flex; margin: auto; justify-content: center;
formNameannouncements
showRecordsCountLabelAnnouncements:
HTML
/*  <div class="button-wrapper">
    <button data-action="slideLeft">L</button>
    <button data-action="slideRight">R</button>
  </div>*/

...

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
/*Activity Macro Styling*/ <style> .rw_activity_module ul.rw_activity_list > li:nth-child(odd)
<div class="banner-main">
<img src="/download/attachments/2326667/awsedstartbanner.png?api=v2"></img>
</div>

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

.eventcard a:hover {
  
border
  text-
radius
decoration: none 
15px
!important;
}
.
rw_activity_module .rw_user_set .rw_user_set_content .rw_author
eventcard .dates {
  color: 
padding: 10px
var(--primary-font-color) !important;
  
background
display: 
white
flex;
}

.eventcard .dates p {
  
border
text-
radius
align: 
15px
left;
  margin: 0 
display: none
0px 0 10px;
}
.rw_activity_module .rw_user_set .rw_user_set_content:before { display:none
.location {
  display: flex;
  margin-top: 7px;
}
.
rw_activity_module
eventcard 
.rw_user_set .rw_user_set_content:after
img.clockImage {
  
display:none; } ul.rw_items { display: block; margin: 0
object-fit: fill;
  width: auto;
  height: 16px !important;
  align-self: center;
  margin: 0 
padding:
0 0 12px;
}

.
rw_activity_module ul.rw_activity_list > li:last-child { border-radius: 15px; } .rw_activity_module .rw_user_set .rw_user_set_pic .rw_profile_pic { float: left; width: 49px; height: 33px; padding: 0px 20px 0px 0px; display: none; } .rw_activity_module.rw_width_mode_small .rw_user_set .rw_user_set_content
eventcard img.pinImage {
  object-fit: fill;
  width: auto;
  height: 16px !important;
  align-self: center;
  margin: 0 0 0 14px;
}
.eventcard .location p {
  text-align: left;
  margin: 0 0px 0 10px;
  overflow-x: hidden;
}
.bigTimeContainer {
    
margin-left
height: 
0px
auto;
    
box
min-
shadow
width: 
-2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08)
54px;
    background: white;
    border-radius: 
15px
6px !important;
    
background
display: 
#ffffff
flex;
} ul.rw_items {
    flex-direction: column;
    /* justify-content: space-evenly; */
    
display
align-items: 
block
center;
    
margin
padding-bottom: 
0
5px;
    
padding
margin: 
0
7px;
}
.
rw_activity_module
bigTimeDate {
    
padding
color: 
30px 30px 30px 0px; } </style>

Content Layout Macro

EdStart Announcements

...

closeButtonLabelCancel
formNameannouncements
saveButtonLabelCreate
registrationFormTitleCreate Announcement

...

titletruetrue

imagetruetrue

datetruetrue

cardLinktruetrue

descriptiontruetrue

specifics1truetrue

specificsLink1truetrue

specifics2truetrue

specificsLink2truetrue

titleTitletexttrue

imageImageimage/*filetrue

dateDate / Timedatetimetrue

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

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

specifics1Specifics 1Specifics must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]text

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

specifics2Specifics 2Specifics must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]text

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

!cardLink:[empty]specificsLink1,specificsLink2Reset valuecardLink

var(--header-font);
    font-size: 25px;
	margin-bottom: 1px;
}
.bigTimeMonth {
    background: white;
    color: black !important;
    margin-top: -9px;
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: center;
	text-transform: uppercase;
}
.eventcard .text-container {
    flex-direction: row;
}
.eventcard {
    border-radius: 6px !important;
    padding: 5px;
    min-height: 100px;
	margin: 0px 10px 10px 10px;
	box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08) !important;
}

.title {
    display: flex;
    color: #007FBA;
    text-shadow: unset !important;
    font-size: 16px;
    margin: 0 0 5px 0;
    text-align: left;
    margin-left: 12px;
}

.eventcard:hover {
    box-shadow: -2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px !important;
    padding: 5px;
    min-height: 100px;
}

/*BANNER STYLING*/

.banner-main {
    max-height:200px;
    width: 100%;
    display:flex;
    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>