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.


Hide If
special@anonymous


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

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

.eventcard a:hover {
    text-decoration: none !important;
}
.eventcard .dates {
  color: var(--primary-font-color) !important;
  display: flex;
}

.eventcard .dates p {
  text-align: left;
  margin: 0 0px 0 10px;
}
.location {
  display: flex;
  margin-top: 7px;
}
.eventcard img.clockImage {
  object-fit: fill;
  width: auto;
  height: 16px !important;
  align-self: center;
  margin: 0 0 0 12px;
}
.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 {
    height: auto;
    min-width: 54px;
    background: white;
    border-radius: 6px !important;
    display: flex;
    flex-direction: column;
    /* justify-content: space-evenly; */
    align-items: center;
    padding-bottom: 5px;
    margin: 7px;
}
.bigTimeDate {
    color: 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
Announcement
/SaveannouncementsCancelconfluence-administrators,awsedstart-adminsNew AnnouncementINLINE

titletruetrue

type

imagetruetrue

datetruetrue

link

cardLinktruetrue

descriptiontruetrue

specifics1truetrue

specificsLink1truetrue

specifics2truetrue

specificsLink2truetrue

titleTitletexttrue

imageImageimage/*filetrue

dateDate / Timedatetimetrue

typeAnnouncement Type

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

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

radio_grouptrue

dateDate / Timedatetimetrue

linkLink

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|]

linktrue

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>

a
.aui-buttons {
    
text-decoration:none!important; color: inherit!important; } form.aui .text { border-radius: 16px
display: flex;
    font-size: 0;
    
border
justify-content: 
1px solid #564cad
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:
350px; height:350px
 900px;
    
margin
height:
10px
 
auto
250px;
    box-shadow: 
0.2px 4.7px 20px 0
-2.9px 4px 2.4px 0.2px rgba(0, 0, 0, 0.
11)
08);
    cursor: pointer;
    margin: auto;
    margin-bottom: 20px;
}
.announcementcard:hover{
  
box-shadow: 
0
-2.
2px
9px 
6px
4px 
20px
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:
5px
 15px 0px 0px 
5px
0px;
}
.a-card-
date
description {
  font-size: 15px;
  font-
size:20px; font-weight:500
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;
   
justify-content:flex-end; text-align:right; padding:15px
 padding-top: 13px;
}
div.text-container {
  display: flex;
  flex-direction: column;
}
div.link-container {
  display: flex;
  flex-direction: column;
  padding: 10px 0px 0px 
5px
0px;
}
div.
card
text-
location
encompasser {
    
font-size:15px
display: flex;
    
font-weight:200
width: 55%;
    
color:#737373
flex-direction: column;
    padding: 0px 0px 0px 
5px; } .card-age {
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-
size
weight:
15px
 bold;
    font-
weight
size:
200
 18px;
    
color:#737373
transition: 0.6s ease;
    
padding:0px 0px 0px 5px
border-radius: 3px;
    user-select: none;
}
.card-subtitle

/* 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 {
    
font
background-
size:15px
color: var(--mobile-menu-background);
    
font-weight:200
text-decoration: none !important;
}

/* The dots/bullets/indicators */
.cdot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    
padding
margin: 0 2px
0px 0px 20px; } .announcementcard img{
;
    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:
35px
 600px;
    width:
35px;
 75%;
}

.imgalign {
   
padding:10px
 width: 100%;
	height: 250px;
}
div#text
.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 += " 
flex-direction: column
active";
} 
</script>


Custom section


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

.button-
encompasser
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:

column; } div#imgalign { width: 20%; display: flex; flex-direction: column

var(--s-label-fill);color:white;
Typecustom-button
TextView All Announcements
Url/display/AN/All+Announcements


HTML
<hr class="pageDividerLine">


Content Layout Macro

Personas:
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>


<style>#comments-section { display:none; }</style>
ConfiForms ListView
messageToShowWhenEmptyThere are no announcements...
formNameannouncements
showRecordsCountLabel


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>