- 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;
}
}
Make A Donation Here
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
Get 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
Committee on Indian Affairs to Host Astronaut Nicole Mann, 1st Native Woman in Space, on LIVE Video Call
Join us in observing 100 years of Native American citizenship. On June 2, 1924, President Calvin Coolidge signed the Indian Citizenship Act, granting Native Americans US citizenship, a pivotal moment in their quest for equality. This year marks its centennial, inspiring our special project, "Heritage Unbound: Native American Citizenship at 100," observing their journey with stories of resilience, struggle, and triumph. Your donations fuel initiatives like these, ensuring our coverage and projects honoring Native American heritage thrive. Your donations fuel initiatives like these, ensuring our coverage and projects honoring Native American heritage thrive.