- Details
#nno-dm-left {
color: #fff;
text-transform: uppercase;
}
#nno-dm-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 700px;
height: 200px;
background: rgb(221, 42, 42);
background: -moz-linear-gradient(138deg, rgba(221, 42, 42, 1) 13%, rgba(96, 46, 46, 1) 75%);
background: -webkit-linear-gradient(138deg, rgba(221, 42, 42, 1) 13%, rgba(96, 46, 46, 1) 75%);
background: linear-gradient(138deg, rgba(221, 42, 42, 1) 13%, rgba(96, 46, 46, 1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dd2a2a", endColorstr="#602e2e", GradientType=1);
}
#nno-dm-left {
font-size: 26px;
font-weight: bold;
max-width: 26%;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 1px 1px 4px #000000;
}
#nno-dm-right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
text-transform: uppercase;
width: 100%;
font-weight: bold;
text-shadow: 1px 1px 4px #000000;
}
#nno-dm-btn-group {
width: 80%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px;
}
.nno-dm-box {
margin: 25px;
}
.nno-dm-btn {
margin: 0px 5px;
color: #000;
border: none;
font-size: 16px;
border-radius: 10px;
font-weight: bold;
width: 100px;
height: 35px;
cursor: pointer;
line-height: 37px;
transition: .2s all;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 13%, rgba(164, 164, 164, 1) 75%);
}
.nno-dm-btn:hover {
/* background: linear-gradient(180deg, rgba(255, 255, 255, 1) 13%, rgb(192, 164, 25) 75%); */
box-shadow: 0px 0px 10px rgb(192, 164, 25);
}
.nno-dm-active {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 13%, rgb(192, 164, 25) 75%) !important;
}
.nno-dm-btn:active:hover {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 13%, rgb(192, 164, 25) 75%) !important;
}
@media (max-width: 815px) {
#nno-dm-wrapper {
flex-direction: column;
height: 100%;
}
#nno-dm-left {
max-width: 100%;
text-align: center;
}
#nno-dm-right {
width: unset !important;
text-align: center;
}
.nno-dm-box {
font-size: 18px !important;
margin: 10px !important;
}
}
const nnoDmBtn1 = document.getElementById('nno-dm-btn-1');
const nnoDmBtn2 = document.getElementById('nno-dm-btn-2');
const nnoDmBtn3 = document.getElementById('nno-dm-btn-3');
nnoDmBtn1.addEventListener('click', () => {
handleBtn(1);
})
nnoDmBtn2.addEventListener('click', () => {
handleBtn(2);
})
nnoDmBtn3.addEventListener('click', () => {
handleBtn(3);
})
function handleBtn(num) {
console.log(num)
const URL = `https://nativenewsonline.net/donate?cover=false&monthly=false&selected=${num}&amt1=25.00&amt2=50.00&amt3=100.00`;
window.open(URL, '_blank');
}
Enjoying Native News Coverage?
Make A Donation Here
Enjoying Native News Coverage?
Make A Monthly Donation Here
More Stories Like This
Chickasaw Jamie Jones Appointed to Leadership Role with California Department of Veterans AffairsGet the Booklet: ‘Indian Boarding Schools: A Native News Online Reporting Project’
Oklahoma State University Receives $3.5M for Indigenous Foodways and Health Initiative.
Follow Good Safety Practices with Summer Fun
Op-Ed Guidelines
Following the release of the U.S. Department of the Interior's final report, we at Native News Online took a moment to reflect on our extensive three-year effort to highlight the traumatic legacy of Indian boarding schools. By covering all 12 Road to Healing events and publishing over 250 articles, we have amplified survivors' voices and illuminated the lasting impact on Indigenous communities. Our work continues. Please consider donating to help fund our ongoing coverage of Indian boarding schools.