Makerpedia - User contributions [en]

MediaWiki:Common.css

2025-03-09T16:20:08Z

EvaC:

/* CSS placed here will be applied to all skins */

.cautionBox {
border: 1px solid #ddcc55;
background-color: #ffedaa;
padding: 1em;
border-radius: .5vmin;
}

.warningBox {
border: 1px solid #dd5555;
background-color: #ffaaaa;
padding: 1em;
border-radius: .5vmin;
}

.introBox {
border: 2px solid #f505f5;
background-color: #c2cbde;
border-radius: .5vmin;
padding: 1em;
padding-top: .25em;
}

.ytplayer {
max-width: 90vw;
}

/* big edit button that appears in bottom-right corner */
.big-edit-button {
position: fixed;
bottom: 2vh;
right: 2vh;
z-index: 100;
background-color: var(--medik); /* theme color; set in LocalSettings.php */
color: white;
border-radius: 5em;
padding: 1em;
}

.big-edit-button p {
margin: 0em;
}

/* insert pencil icon before text of big edit button */
.big-edit-button p::before {
background-image: url("images/icons/edit.svg");
background-repeat: no-repeat;
content: '';
display: inline;
background-size: 1.75em;
padding: .25em 1em;
filter: invert(1); /* change pencil icon from black to white */
}

.favorite {
background-image: url("images/likednt.png");
background-size: contain;
float: right;
top: 100px;
right: 10px;
z-index: 100;
border-radius: 5em;
padding: 1em;
}

.unfavorite {
background-image: url("images/liked.png");
background-size: contain;
float: right;
top: 100px;
right: 10px;
z-index: 100;
border-radius: 5em;
padding: 1em;
}

.gallery-container {
column-count: 4;
column-gap: 10px;
width: 100%;
max-width: 1200px;
margin: auto;
}

.gallery-item {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

.gallery-item img {
width: 100%;
border-radius: 8px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.gallery-caption {
margin-top: 5px;
font-size: 14px;
}

@media (max-width: 768px) { /* Adjust for mobile */
.gallery-container {
column-count: 2;
padding-top: 20px;
}

.gallery-caption {
font-size: 12px;
}
}

.videoBox {
display: none;
}

Widget:ProjectStep

2025-03-07T19:49:10Z

EvaC:

<div class='step' show=''>
<h3></h3>



<img src='https://drive.google.com/thumbnail?id=&sz=w1000'></img>
<div class="videoBox">
<iframe src="https://drive.google.com/file/d//preview"></iframe>
</div>



</div>

Widget:ProjectStep

2025-03-07T19:20:16Z

EvaC:

<div class='step' show=''>
<h3></h3>
<img src='https://drive.google.com/thumbnail?id=&sz=w1000'></img>
<div class="videoBox">
<iframe src="https://drive.google.com/file/d//preview"></iframe>
</div>

</div>

MediaWiki:Common.css

2025-02-27T15:18:42Z

EvaC:

/* CSS placed here will be applied to all skins */

.cautionBox {
border: 1px solid #ddcc55;
background-color: #ffedaa;
padding: 1em;
border-radius: .5vmin;
}

.warningBox {
border: 1px solid #dd5555;
background-color: #ffaaaa;
padding: 1em;
border-radius: .5vmin;
}

.introBox {
border: 2px solid #f505f5;
background-color: #c2cbde;
border-radius: .5vmin;
padding: 1em;
padding-top: .25em;
}

.ytplayer {
max-width: 90vw;
}

.big-edit-button {
position: fixed;
bottom: 2vh;
right: 2vh;
z-index: 100;
background-color: var(--medik);
color: white;
border-radius: 5em;
padding: 1em;
}

.big-edit-button p {
margin: 0em;
}

.big-edit-button p::before {
background-image: url("images/icons/edit.svg");
background-repeat: no-repeat;
content: '';
display: inline;
background-size: 1.75em;
padding: .25em 1em;
filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(141deg) brightness(103%) contrast(101%);
}

.favorite {
background-image: url("images/icons/edit.svg");
position: fixed;
}

.unfavorite {
background-image: url("images/icons/edit.svg");
position: fixed;
}

.gallery-container {
column-count: 4;
column-gap: 10px;
width: 100%;
max-width: 1200px;
margin: auto;
}

.gallery-item {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

.gallery-item img {
width: 100%;
border-radius: 8px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.gallery-caption {
margin-top: 5px;
font-size: 14px;
}

@media (max-width: 768px) { /* Adjust for mobile */
.gallery-container {
grid-template-columns: repeat(3, 1fr);
padding-top: 20px;
}
}

.videoBox {
display: none;
}

2025-02-19T18:05:16Z

EvaC:

/* Any JavaScript here will be loaded for all users on every page load. */

if (document) window.µ = function (id, elem) {
var ret;
var root = ((elem) ? elem : document);
switch (id.charAt(0)) {
case '|':
ret = root;
break;
case '+':
ret = document.createElement(id.substring(1));
if (elem) elem.appendChild(ret);
break;
case '#':
ret = root.querySelector(id);
break;
default:
ret = Array.prototype.slice.call(root.querySelectorAll(id));
break;
}

return ret;
};

/* add additional edit button -- styled in Medik.css */
/* Takes them to visual editor if available/logged in; if not, takes them to normal edit mode; if they are not logged in at all, takes them to login page */
let editLinkQuery = document.querySelector("#ca-ve-edit a") ? "#ca-ve-edit a" : (document.querySelector("#ca-edit a") ? "#ca-edit a" : "#pt-login a");
document.getElementById("content").innerHTML += '<a href='+document.querySelector(editLinkQuery).href+'><button class="big-edit-button"><p>EDIT</p></button></a>';

// Gallery
mw.loader.using(['mediawiki.api', 'jquery'], function () {
$(document).ready(function () {
if (mw.config.get('wgPageName') !== 'GALLERY') return; // Ensure script runs only on the Gallery page

var category = "Projects"; // Default category
var galleryContainer = $('#project-gallery');

galleryContainer.before('<div id="category-filter">' +
'<button id="filter-all" class="filter-btn" data-filter="Projects">Show All</button>' +
'<button id="filter-textiles" class="filter-btn" data-filter="Textiles">Textiles</button>' +
'<button id="filter-crafting" class="filter-btn" data-filter="Crafting">Crafting</button>' +
'<button id="filter-airbrushing" class="filter-btn" data-filter="Airbrushing">Airbrushing</button>' +
'<button id="filter-button-pressing" class="filter-btn" data-filter="Button Pressing">Button Pressing</button>' +
'<button id="filter-cassette-making" class="filter-btn" data-filter="Cassette Making">Cassette Making</button>' +
'<button id="filter-graphic-design" class="filter-btn" data-filter="Graphic Design">Graphic Design</button>' +
'<button id="filter-hand-sewing" class="filter-btn" data-filter="Hand Sewing">Hand Sewing</button>' +
'<button id="filter-laser-cutting" class="filter-btn" data-filter="Laser Cutting">Laser Cutting</button>' +
'<button id="filter-machining" class="filter-btn" data-filter="Machining">Machining</button>' +
'<button id="filter-3d-modeling" class="filter-btn" data-filter="3D Modeling">3D Modeling</button>' +
'<button id="filter-3d-printing" class="filter-btn" data-filter="3D Printing">3D Printing</button>' +
'<button id="filter-programming" class="filter-btn" data-filter="Programming">Programming</button>' +
'<button id="filter-soldering" class="filter-btn" data-filter="Soldering">Soldering</button>' +
'<button id="filter-technical-design" class="filter-btn" data-filter="Technical Design">Technical Design</button>' +
'<button id="filter-welding" class="filter-btn" data-filter="Welding">Welding</button>' +
'<button id="filter-woodworking" class="filter-btn" data-filter="Woodworking">Woodworking</button>' +
'</div>');

// load gallery based on category
function loadGallery(category) {
galleryContainer.html('<div class="gallery-container">Loading gallery...</div>');

new mw.Api().get({
action: 'query',
list: 'categorymembers',
cmtitle: 'Category:' + category,
cmlimit: 50,
format: 'json'
}).done(function (data) {
var pages = data.query.categorymembers;
var galleryHtml = '';

var requests = pages.map(function (page) {
return new mw.Api().get({
action: 'query',
prop: 'revisions',
rvprop: 'content',
titles: page.title,
format: 'json'
}).then(function (pageData) {
var pageId = Object.keys(pageData.query.pages)[0];
var content = pageData.query.pages[pageId].revisions[0]['*'];
var pageUrl = mw.util.getUrl(page.title);
var imgUrl = '';

// Try to find a direct image URL (img1=https://...)
var directMatch = content.match(/img1=(https:\/\/[^\n|}%s]+)/);
if (directMatch) {
imgUrl = directMatch[1];
}

// If no direct URL, try to find a [[File:...]] entry
var fileMatch = content.match(/\[\[File:([^|\]]+)/);
if (!imgUrl && fileMatch) {
var fileName = fileMatch[1].trim();

// Fetch full image URL from MediaWiki API
return new mw.Api().get({
action: 'query',
titles: 'File:' + fileName,
prop: 'imageinfo',
iiprop: 'url',
format: 'json'
}).then(function (imageData) {
var imagePageId = Object.keys(imageData.query.pages)[0];
if (imageData.query.pages[imagePageId].imageinfo) {
imgUrl = imageData.query.pages[imagePageId].imageinfo[0].url;
}

galleryHtml += generateGalleryItem(pageUrl, page.title, imgUrl, category);
});
} else {
// Add the gallery item if the image was found
galleryHtml += generateGalleryItem(pageUrl, page.title, imgUrl, category);
}
});
});

Promise.all(requests).then(function () {

galleryContainer.html('<div class="gallery-container">' + galleryHtml + '</div>');
});
});
}

// generate a gallery
function generateGalleryItem(pageUrl, title, imgUrl, category) {
return `
<div class="gallery-item ${category}">
<a href="${pageUrl}">
${imgUrl ? `<img src="${imgUrl}" alt="${title}">` : `<img src="https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg" alt="No Image Available">`}

</a>
<div class="gallery-caption">
<a href="${pageUrl}">${title}</a>
</div>
</div>
`;
}

loadGallery("Projects");

$(".filter-btn").click(function () {
var selectedCategory = $(this).data("filter");
loadGallery(selectedCategory);
});
});
});

// TOOLS Gallery
mw.loader.using(['mediawiki.api', 'jquery'], function () {
$(document).ready(function () {
if (mw.config.get('wgPageName') !== 'TOOLS') return; // Ensure script runs only on the TOOLS page

var category = "Tools"; // Default category
var galleryContainer = $('#tools-gallery');

// Add filter buttons before the gallery
galleryContainer.before('<div id="category-filter">' +
'<button class="filter-btn" data-filter="Tools">Show All</button>' +
'<button class="filter-btn" data-filter="Makerspace Tools">Makerspace Tools</button>' +
'<button class="filter-btn" data-filter="Wood Shop Tools">Wood Shop Tools</button>' +
'<button class="filter-btn" data-filter="Machine Shop Tools">Machine Shop Tools</button>' +
'</div>');

function loadGallery(category) {
galleryContainer.html('<div class="gallery-container">Loading gallery...</div>');

new mw.Api().get({
action: 'query',
list: 'categorymembers',
cmtitle: 'Category:' + category,
cmlimit: 50,
format: 'json'
}).done(function (data) {
var pages = data.query.categorymembers;
var galleryHtml = '';

var requests = pages.map(function (page) {
return new mw.Api().get({
action: 'query',
prop: 'revisions',
rvprop: 'content',
titles: page.title,
format: 'json'
}).then(function (pageData) {
var pageId = Object.keys(pageData.query.pages)[0];
var content = pageData.query.pages[pageId].revisions[0]['*'];
var pageUrl = mw.util.getUrl(page.title);
var imgUrl = '';

// Try to find a [[File:...]] entry
var fileMatch = content.match(/\[\[File:([^|\]]+)/);
if (fileMatch) {
var fileName = fileMatch[1].trim();

// Fetch full image URL from MediaWiki API
return new mw.Api().get({
action: 'query',
titles: 'File:' + fileName,
prop: 'imageinfo',
iiprop: 'url',
format: 'json'
}).then(function (imageData) {
var imagePageId = Object.keys(imageData.query.pages)[0];
if (imageData.query.pages[imagePageId].imageinfo) {
imgUrl = imageData.query.pages[imagePageId].imageinfo[0].url;
}

// Add the gallery item
galleryHtml += generateGalleryItem(pageUrl, page.title, imgUrl, category);
});
} else {
// If no image is found, still display the title
galleryHtml += generateGalleryItem(pageUrl, page.title, imgUrl, category);
}
});
});

Promise.all(requests).then(function () {
// Append gallery items after loading them
galleryContainer.html('<div class="gallery-container">' + galleryHtml + '</div>');
});
});
}

function generateGalleryItem(pageUrl, title, imgUrl, category) {
return `
<div class="gallery-item ${category}">
<a href="${pageUrl}">
${imgUrl ? `<img src="${imgUrl}" alt="${title}">` : `<img src="https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg" alt="No Image Available">`}

</a>
<div class="gallery-caption">
<a href="${pageUrl}">${title}</a>
</div>
</div>
`;
}

loadGallery("Tools");

$(".filter-btn").click(function () {
var selectedCategory = $(this).data("filter");
loadGallery(selectedCategory);
});
});
});

//CAROUSEL
function loadCarouselData() {
// Make the API query to fetch pages for carousel
var category = "Projects";
var carouselData = [];

new mw.Api().get({
action: 'query',
list: 'categorymembers',
cmtitle: 'Category:' + category,
cmlimit: 50,
format: 'json'
}).done(function (data) {
var pages = data.query.categorymembers;

var requests = pages.map(function (page) {
return new mw.Api().get({
action: 'query',
prop: 'revisions',
rvprop: 'content',
titles: page.title,
format: 'json'
}).then(function (pageData) {
var pageId = Object.keys(pageData.query.pages)[0];
var content = pageData.query.pages[pageId].revisions[0]['*'];
var pageUrl = mw.util.getUrl(page.title);
var imgUrl = '';

// Try to find a direct image URL (img1=https://...)
var directMatch = content.match(/img1=(https:\/\/[^\n|}%s]+)/);
if (directMatch) {
imgUrl = directMatch[1];
}

// If no direct URL, try to find a [[File:...]] entry
var fileMatch = content.match(/\[\[File:([^|\]]+)/);
if (!imgUrl && fileMatch) {
var fileName = fileMatch[1].trim();

// Fetch full image URL from MediaWiki API
return new mw.Api().get({
action: 'query',
titles: 'File:' + fileName,
prop: 'imageinfo',
iiprop: 'url',
format: 'json'
}).then(function (imageData) {
var imagePageId = Object.keys(imageData.query.pages)[0];
if (imageData.query.pages[imagePageId].imageinfo) {
imgUrl = imageData.query.pages[imagePageId].imageinfo[0].url;
}

// Store carousel item data
if (imgUrl) {
carouselData.push({ pageUrl: pageUrl, imgUrl: imgUrl, title: page.title });
}
});
} else {
// Store carousel item data
if (imgUrl) {
carouselData.push({ pageUrl: pageUrl, imgUrl: imgUrl, title: page.title });
}
}
});
});

Promise.all(requests).then(function () {
// Call the function to display carousel
displayCarousel(carouselData);
});
});
}

function displayCarousel(carouselData) {
var carouselHtml = '';

carouselData.forEach(function (item) {
carouselHtml += `
<div class="carousel-item">
<a href="${item.pageUrl}">
<img src="${item.imgUrl}" alt="Carousel Image">
</a>
<div class="carousel-title">${item.title}</div>
</div>
`;
});

// Inject the HTML into the carousel container
var carouselContainer = $('.carousel-container');
carouselContainer.html(carouselHtml);

// Initialize the carousel behavior
initializeCarousel();
}

function initializeCarousel() {
let currentIndex = 0;
let $carouselItems = $(".carousel-item");
let totalItems = $carouselItems.length;

$carouselItems.hide().eq(currentIndex).show();

let $prevButton = $('<button class="carousel-prev"> ◀ </button>');
let $nextButton = $('<button class="carousel-next"> ▶ </button>');
$('.carousel-container').append($prevButton, $nextButton);

$nextButton.click(function () {
currentIndex = (currentIndex + 1) % totalItems;
updateCarousel();
});

$prevButton.click(function () {
currentIndex = (currentIndex - 1 + totalItems) % totalItems;
updateCarousel();
});

function updateCarousel() {
$carouselItems.hide().eq(currentIndex).show();
}
}

$(document).ready(function () {
loadCarouselData(); // Load the carousel data on page load
});

// if page is part of a category, insert any corresponding skill badges (individual project pages)
if(document.getElementById("catlinks") != null) {
document.querySelectorAll("#catlinks li a").forEach((cat) => {
let query = "#firstHeading";
if(cat.title.includes("Category:Textiles")) {
insertSkillBadgeLink('File:Textile_badge_small.png', query);
}
if(cat.title.includes("Category:Crafting")) {
insertSkillBadgeLink('File:Crafting_badge_small.png', query);
}
if(cat.title.includes("Category:Airbrushing")) {
insertSkillBadgeLink('File:Airbrushing_badge_small.png', query);
}
if(cat.title.includes("Category:Button Pressing")) {
insertSkillBadgeLink('File:Button_badge_small.png', query);
}
if(cat.title.includes("Category:Cassette Making")) {
insertSkillBadgeLink('File:Cassette_badge_small.png', query);
}
if(cat.title.includes("Category:Graphic Design")) {
insertSkillBadgeLink('File:Graphic_badge_small.png', query);
}
if(cat.title.includes("Category:Hand Sewing")) {
insertSkillBadgeLink('File:Handsewing_badge_small.png', query);
}
if(cat.title.includes("Category:Laser Cutting")) {
insertSkillBadgeLink('File:Laser_badge_small.png', query);
}
if(cat.title.includes("Category:Machining")) {
insertSkillBadgeLink('File:Machining_badge_small.png', query);
}
if(cat.title.includes("Category:3D Modeling")) {
insertSkillBadgeLink('File:Modeling_badge_small.png', query);
}
if(cat.title.includes("Category:3D Printing")) {
insertSkillBadgeLink('File:Printing_badge_small.png', query);
}
if(cat.title.includes("Category:Programming")) {
insertSkillBadgeLink('File:Programming_badge_small.png', query);
}
if(cat.title.includes("Category:Soldering")) {
insertSkillBadgeLink('File:Soldering_badge_small.png', query);
}
if(cat.title.includes("Category:Technical design")) {
insertSkillBadgeLink('File:Technical_badge_small.png', query);
}
if(cat.title.includes("Category:Welding")) {
insertSkillBadgeLink('File:Welding_badge_small.png', query);
}
if(cat.title.includes("Category:Woodworking")) {
insertSkillBadgeLink('File:Woodworking_badge_small.png', query);
}
})
}

// inserts image at given selector element in html, using image in mediawiki format (eg [[File:filename...]])
function insertSkillBadgeLink(image, selector) {
$.getJSON(
mw.util.wikiScript( 'api' ), {
format: 'json',
action: 'query',
titles: image,
prop: 'imageinfo',
iiprop: 'url'
},
function( obj ) {
let pages = obj.query.pages;
let result1 = pages[Object.keys(pages)[0]];
let url = result1.imageinfo[0].url;
let alt = result1.title; // set alt text to image title
let urlSub = url.substring(url.indexOf("/wiki"));
document.querySelector(selector).innerHTML += '<img src="'+urlSub+'" alt="'+alt+'" width="50px" style="padding-left:.3em">';
}
);
}

Wood Shop Tools

2025-02-17T19:27:33Z

EvaC: Blanked the page

Machine Shop Tools

2025-02-17T19:26:49Z

EvaC: Blanked the page

2025-02-14T19:31:11Z

EvaC:

Category:Makerspace Tools

2025-02-14T19:30:00Z

EvaC:

These are some of the tools that can be found in the Class of 1969 Makerspace, but it is not comprehensive. Stop in to find out exactly what we have in stock.{{DISPLAYTITLE:Makerspace Tools}}

2025-02-10T16:36:49Z

EvaC:

MediaWiki:Common.js

2025-02-10T16:27:20Z

EvaC:

MediaWiki:Common.js

2025-02-10T15:48:03Z

EvaC: Undo revision 8310 by EvaC (talk)

MediaWiki:Common.js

2025-02-10T15:42:31Z

EvaC:

Tools

2025-02-10T15:09:30Z

EvaC: Created page with "<div id="tools-gallery"> <p>Loading gallery...</p> </div>"

<div id="tools-gallery">
<p>Loading gallery...</p>
</div>

MediaWiki:Sidebar

2025-02-10T15:09:12Z

EvaC:

MediaWiki:Common.js

2025-02-10T15:05:07Z

EvaC:

MediaWiki:Common.js

2025-02-10T01:10:32Z

EvaC:

MediaWiki:Common.js

2025-02-09T21:04:51Z

EvaC: Undo revision 8272 by EvaC (talk)