ic: upd figure design

This commit is contained in:
E. S. 2025-05-15 16:48:57 +03:00
parent e277e695c6
commit 2464ea59bb
3 changed files with 45 additions and 20 deletions

View File

@ -22,9 +22,7 @@ The idea of rotation is embedded in the foundations of mechanics and geometry fr
The equation describing the motion of a point in such a system, as it turned out, is equally suitable for describing the oscillations of a weight on a spring or a pendulum on a suspension, for the sinusoidal propagation of waves, and for describing the modes of string vibrations. Due to obvious connections with music, the system is called a harmonic oscillator.
<center>![](https://kniganews.org/wp-content/uploads/2012/12/simple_harmonic_motion_orbit.gif)</center>
<center>Simple examples of harmonic motion (Wikipedia animation)</center>
<center>![](https://kniganews.org/wp-content/uploads/2012/12/simple_harmonic_motion_orbit.gif "Simple examples of harmonic motion (Wikipedia animation)")</center>
When classical physics was replaced by quantum physics, it quickly became apparent that the harmonic oscillator plays no lesser role there. More precisely, a much greater one. Not only because the strictly discrete natural frequencies of a musical string's sound are a direct mechanical analogy for the allowed orbitals of an electron in an atom. But also because the wave equations of quantum objects are fundamentally built on the idea of oscillations and the mathematics of complex numbers. And this mathematical apparatus is essentially ideally suited for solving problems about the motion of a point in a circle (in the phase space of states).
@ -44,9 +42,7 @@ From this picture, it is logical to move on to constantly oscillating quantum pa
Another important aspect of the quantum world is that particles of matter interact quantum entangle not directly but necessarily through a photon or a mediator particle. For the geometric description of this picture, it is essential that a moving photon can be represented by its plane of polarization. Typically, if a photon is reflected by a particle, the plane of the wave propagates without rotation (linear polarization). But if the photon is emitted by a particle, then the plane of polarization rotates around the axis of propagation (circular polarization).
<center>![](https://kniganews.org/wp-content/uploads/2012/12/photon.jpg)</center>
<center>A twisted ribbon — one way to depict a single photon with circular polarization</center>
<center>![](https://kniganews.org/wp-content/uploads/2012/12/photon.jpg "A twisted ribbon — one way to depict a single photon with circular polarization")</center>
Looking at the picture from this perspective, it is easier to imagine the mechanism of forming quantum entanglement. When a photon departs from one particle, they are already entangled, and the photon's plane of polarization already carries information about the quantum state (spin direction) of the particle. When the photon reaches another particle, the plane of polarization makes a "slice" of its current state. If the particles diameter is maximum, then the interaction takes place at its maximum. And if the cross-section diameter is zero at that moment, then there is no interaction and, consequently, no entanglement at all.

View File

@ -21,10 +21,27 @@
font-size: $fs + 2px;
}
img {
display: block;
max-width: 100%;
height: auto;
figure {
margin-left: 0;
margin-right: 0;
.img-wrapper {
box-sizing: border-box;
border: thin $border-color solid;
padding: 5px;
max-width: 100%;
margin: 0 auto;
display: inline-block;
}
img {
display: block;
height: auto;
max-width: 100%;
}
figcaption {
font-style: italic;
color: $dark-grey;
padding-top: 4px;
}
}
.tzo-nav {

View File

@ -36,16 +36,28 @@ class TZO
$html = MarkupUtil::markdownToHtml($md,
use_image_previews: false);
// images
$html = preg_replace_callback('/!\[]\((https:\/\/kniganews\.org\/wp-content\/uploads\/(\d{4})\/(\d{2})\/([^\/)]+))\)/', function($matches) {
$year = $matches[2];
$month = $matches[3];
$filename = $matches[4];
$new_filename = $year.$month.'_'.$filename;
// TODO cache image size
list($w, $h) = $this->getImageSize(APP_ROOT.'/public/ic/images/tzo/'.$new_filename);
return '<img src="'.htmlescape('/images/tzo/'.$new_filename).'" width="'.$w.'" height="'.$h.'" alt="">';
}, $html);
$html = preg_replace_callback(
'#!\[]\('
.'(https://kniganews\.org/wp-content/uploads/(\d{4})/(\d{2})/([^/\s]+))' // 1=url, 2=year,3=month,4=filename
.'(?:\s+"([^"]*)")?' // 5=caption (optional)
.'\)#',
function($m) {
$year = $m[2];
$month = $m[3];
$filename = $m[4];
$caption = $m[5] ?? '';
$new_file = $year.$month.'_'. $filename;
$path = APP_ROOT.'/public/ic/images/tzo/'.$new_file;
list($w, $h) = $this->getImageSize($path); // TODO cache image size
return (
'<figure>'
.'<div class="img-wrapper"><img src="'.htmlescape('/images/tzo/'.$new_file).'" width="'.$w.'" height="'.$h.'" alt="'.substr($filename, strrpos($filename, '.')+1).'"></div>'
.($caption != '' ? '<figcaption>'.htmlescape($caption).'</figcaption>' : '')
.'</figure>'
);
},
$html
);
// links
$html = preg_replace_callback(