mirror of https://gitlab.com/octtspacc/sitoctt
Upd. Minesweeper, Agg. Nonogram
This commit is contained in:
parent
fc12cb2c21
commit
8fe2e1589c
|
|
@ -237,7 +237,9 @@ IFrame {
|
|||
Z-Index: -1;
|
||||
Left: 0;
|
||||
Right: 0;
|
||||
Width: 80%;
|
||||
Width: 75%;
|
||||
Padding-Left: 2.5%;
|
||||
Padding-Right: 2.5%;
|
||||
Padding-Top: Calc(Var(--ContentPadding) + 32px);
|
||||
Padding-Bottom: Calc(Var(--ContentPadding) + 64px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,25 +1,45 @@
|
|||
// % Categories = Gaming
|
||||
// % EditedOn = 2023-03-22
|
||||
|
||||
<style>
|
||||
/**/ #Body {
|
||||
Color: #ffffff;
|
||||
Background: url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #808080;
|
||||
<style>/*
|
||||
*/#Body {
|
||||
Color: #000000;
|
||||
Background: url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #C0C0C0;
|
||||
Background-Size: 100% auto;
|
||||
Background-Position: Center;
|
||||
}
|
||||
/**/ #Container {
|
||||
Height: 100vh;
|
||||
Margin-Top: -8px;
|
||||
Background: RGBA(128, 128, 128, 0.25);
|
||||
/**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
|
||||
/*
|
||||
*/#MainBox {
|
||||
Background: RGBA(192, 192, 192, 0.80);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
/**/ #MainBox { Z-Index: 256; }
|
||||
</style>
|
||||
|
||||
# 💣 Minesweeper
|
||||
|
||||
In **Minesweeper** (in italiano ufficialmente "**Campo minato**") bisogna individuare tutte le bombe posizionate casualmente (da un algoritmo) nella griglia di gioco, senza farne esplodere nessuna.
|
||||
In **Minesweeper** (in italiano ufficialmente "**Campo minato**") si ha una griglia di gioco in cui sono state posizionate casualmente (da un algoritmo) delle bombe. Per vincere, bisogna individuarle tutte senza farne esplodere nessuna.
|
||||
|
||||
Le regole sono semplici, ma il gioco raggiunge facilmente alti livelli di complessità.
|
||||
Le regole sono semplici, ma il gioco raggiunge facilmente alti livelli di complessità. Per il tipo di gioco, un semplice puzzle blandino nato in un'era in cui quasi nessun videogioco era costruito per causare dipendenza ai giocatori, è spaventosamente capace di farti ossessionare.
|
||||
|
||||
(WIP)
|
||||
Personalmente, chiamo il campo minato anche "**minaspazzante**", per scherzare su una traduzione pseudo-letterale scorretta della parola "minesweeper" (letteralmente ma correttamente "[spazzamine](https://it.wikipedia.org/wiki/Dragamine){[:MdTgtBlank:]}") in italiano. In certi momenti, in un attimo diventa "**minasp<span style="border: 2px dotted yellow;">i</span>azzante**", quando ti mette davanti a bivi strani o a schemi di piazzamento delle bombe intricati.
|
||||
|
||||
<p markdown=1 style=background:#fde;padding:0.5em;>...Scusa, ci sono lavori in corso su questa pagina, sto piazzando le mine in giro per trollare le prossime persone che verranno qui a leggere e inciamperanno su qualche parola... se nel frattempo vuoi imparare a giocare leggiti [Wikipedia](https://it.wikipedia.org/wiki/Campo_minato_(videogioco)){[:MdTgtBlank:]}, vai va...</p>
|
||||
|
||||
## Curiosità
|
||||
|
||||
* Negli anni '90, erano tutti [fissati con Minesweeper a Microsoft, soprattutto Bill Gates](https://arstechnica.com/gaming/2023/02/how-bill-gates-minesweeper-addiction-helped-lead-to-the-xbox/){[:MdTgtBlank:]}. Direi che non è difficile vedere come...
|
||||
|
||||
* Nel 1999, a seguito di lamentele di un certo Sergio Chiodo (??), che argomentava come il concetto del gioco al campo minato fosse offensivo per le vittime di vere mine anti-uomo nel mondo, nasce in Italia la [Campagna Internazionale per la messa al Bando di Campo Minato](http://fc.retecivica.milano.it/rcmweb/fnm/princ.htm#italiano){[:MdTgtBlank:]}. Microsoft ha parzialmente ceduto alla pressione, e in Windows Me e 2000 ha sostituito le bombe nel gioco con dei fiori, e rinominato il gioco in "Prato fiorito".[^Regional_Differences]
|
||||
|
||||
* La campagna ha preso piede solo limitatamente fuori dall'Italia (?), e solo con Windows Vista il concetto di gioco al prato fiorito è diventato globale. Microsoft ha dato la possibilità di cambiare il gioco incluso nel sistema tra tema mine e tema fiori, impostazione che ha un diverso valore predefinito in base alla nazione.[^Windows_Vista_and_Windows_7]
|
||||
|
||||
## Altre Risorse
|
||||
|
||||
* [Authoritative Minesweeper](https://minesweepergame.com/){[:MdTgtBlank:]}
|
||||
|
||||
## [:HNotesRefsHtml:]
|
||||
|
||||
[^Regional_Differences]: <https://tcrf.net/Minesweeper_(Windows,_1990)/en#Regional_Differences>{[:MdTgtBlank:]}
|
||||
[^Windows_Vista_and_Windows_7]: <https://en.wikipedia.org/wiki/Microsoft_Minesweeper#Windows_Vista_and_Windows_7>{[:MdTgtBlank:]}
|
||||
[^PageBg]: **Sfondo della Pagina**: [Fonte](https://www.techradar.com/news/gaming/the-most-successful-game-ever-a-history-of-minesweeper-596504){[:MdTgtBlank:]}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
// % Categories = Gaming
|
||||
// % EditedOn = 2023-03-22
|
||||
|
||||
<style>/*
|
||||
*/#Body {
|
||||
Color: #000000;
|
||||
Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #ccf;
|
||||
Background-Size: 100% auto;
|
||||
Background-Position: Center;
|
||||
}
|
||||
/**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
|
||||
/*
|
||||
*/#MainBox {
|
||||
Background: RGBA(204, 204, 255, 0.80);
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
</style>
|
||||
|
||||
# 🔢️ Nonogram
|
||||
|
||||
I **Nonogram** (conosciuti anche come **Picross**, **Crucipixel**, e un'altra ventina di nomi) sono dei puzzle che consistono nel riempire una griglia di quadratini al fine di svelare un'immagine, utilizzando i numeri ai lati del foglio per trovare intersezioni tra righe e colonne.
|
||||
|
||||
WIP... Se vuoi scoprire altre cosine o imparare a giocare, leggi su [Wikipedia](https://it.wikipedia.org/wiki/Nonogram){[:MdTgtBlank:]}.
|
||||
|
||||
## [:HNotesRefsHtml:]
|
||||
|
||||
[^PageBg]: **Sfondo della Pagina**: [Fonte](https://stock.adobe.com/it/images/close-up-pen-on-a-sheet-with-a-solved-japanese-crossword-leisure-activities/323111281){[:MdTgtBlank:]}
|
||||
1
Site.ini
1
Site.ini
|
|
@ -54,6 +54,7 @@ Redirect = False
|
|||
[Macros]
|
||||
# Note: For some macros, because of a problem with python-markdown's "attr_list" extension, the quotes need to be written messy here
|
||||
HNotesRefsHTML = <span class="twa twa-label twa-🏷️"><span>🏷️</span></span> Note e Riferimenti
|
||||
HNotesRefsHtml = <span class="twa twa-label twa-🏷️"><span>🏷️</span></span> Note e Riferimenti
|
||||
HTMLTgtBlank = target="_blank" rel="noopener"
|
||||
HtmlTgtBlank = target="_blank" rel="noopener"
|
||||
MdTgtBlank = " target="_blank" rel="noopener
|
||||
|
|
|
|||
|
|
@ -69,22 +69,53 @@
|
|||
</div>
|
||||
<staticoso:DynamicPart:*/Foot>
|
||||
<script>
|
||||
// Issue on Firefox 69: Getting background CSS property doesn't work, maybe background: url('') is invalid?
|
||||
// Issue on Firefox 69 / Chromium: Getting background CSS property doesn't work, maybe background: url('') is invalid for <meta>? Maybe use content: ''?
|
||||
var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
|
||||
|
||||
var SectionMenu = document.querySelector('#RightBoxContainer > Details');
|
||||
var NormalOpen = SectionMenu.open;
|
||||
|
||||
var MediaQuery = window.matchMedia(`(min-width: ${RawDataCss.DeskModeMinWid})`);
|
||||
var SectionMenu = document.querySelector('#RightBoxContainer > Details');
|
||||
var SectionButton = SectionMenu.querySelector('Summary');
|
||||
|
||||
function MediaQueryCheck(Query) {
|
||||
if (Query.matches) NormalOpen = SectionMenu.open; // Go in desktop mode
|
||||
else SectionMenu.open = NormalOpen; // Going in normal mode
|
||||
SectionMenu.querySelector('> Summary').hidden = Query.matches;
|
||||
var NormalOpen = SectionMenu.open;
|
||||
SectionButton.onclick = function() {
|
||||
if (!MediaQuery.matches) {
|
||||
// For some reason without the ! it sets the opposite of what's really happening???
|
||||
// Maybe the onclick event fires before the details element is actually opened by the click?
|
||||
NormalOpen = !SectionMenu.open;
|
||||
};
|
||||
};
|
||||
|
||||
function MediaQueryCheck(Query) {
|
||||
if (MediaQuery.matches) SectionMenu.open = true; // Go in desktop mode
|
||||
else SectionMenu.open = NormalOpen; // Going in normal mode
|
||||
// we must when handle user manually disable desktop mode if we want hide the button
|
||||
//SectionButton.style.display = {true: "none", false: ""}[Query.matches];
|
||||
};
|
||||
MediaQuery.addListener(MediaQueryCheck);
|
||||
MediaQueryCheck(MediaQuery);
|
||||
|
||||
// Note: onclick doesn't work and doesn't show any error, wtf? But calling ShowHidePageBg manually works
|
||||
/*
|
||||
function ShowHidePageBg() {
|
||||
var Style = Body.style;
|
||||
if (Style.visibility || Style.overflow || Body.onclick) {
|
||||
Style.visibility = '';
|
||||
Style.overflow = '';
|
||||
Body.onclick = null;
|
||||
} else {
|
||||
Style.visibility = 'hidden';
|
||||
Style.overflow = 'hidden';
|
||||
Body.onclick = ShowHidePageBg;
|
||||
};
|
||||
};
|
||||
|
||||
var PageBgEl = document.getElementById('fn:PageBg');
|
||||
if (PageBgEl) {
|
||||
var PageBgPar = PageBgEl.querySelector('p');
|
||||
var PageBgTokens = PageBgPar.innerHTML.split('</a>');
|
||||
PageBgPar.innerHTML = PageBgTokens[0] + '</a> <button onclick="ShowHidePageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
|
||||
};
|
||||
*/
|
||||
</script>
|
||||
<link rel="stylesheet" href="[staticoso:CustomPath:Assets]/Fonts/SpaceMono/Style.css"/>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue