From 6177c5477002873baf097bea2df13af1b5663e85 Mon Sep 17 00:00:00 2001 From: pauld0051 <62159791+pauld0051@users.noreply.github.com> Date: Sun, 21 Jan 2024 18:27:43 +0100 Subject: [PATCH] Add new styling, update bootstrap, general update --- header.html | 26 +- latex.html | 6 +- latex_insert.html | 34 ++ physics_A1_kinematics.html | 249 +++++------ physics_A2_forces_and_momentum.html | 394 +++++++++--------- physics_A3_work_energy_power.html | 326 +++++++-------- physics_A4_rigid_body_mechanics.html | 393 ++++++++--------- physics_A5_special_relativity.html | 356 +++++++++------- physics_B1_thermal_energy.html | 289 +++++++------ physics_B2_greenhouse_effect.html | 131 +++--- physics_B3_gas_laws.html | 202 +++++---- physics_B4_thermodynamics.html | 261 ++++++------ physics_B5_current_circuits.html | 265 ++++++------ physics_C1_simple_harmonic_motion.html | 357 +++++++--------- physics_C2_wave_model.html | 161 +++---- physics_C3_wave_phenomena.html | 352 +++++++++------- physics_C5_doppler_effect.html | 216 +++++----- physics_D1_gravitational_fields.html | 295 +++++++++++++ physics_D2_electric_magnetic_fields.html | 278 ++++++++++++ physics_D3_motion_electromagnetic_fields.html | 164 ++++++++ physics_D4_induction.html | 164 ++++++++ physics_E1_structure_atom.html | 164 ++++++++ physics_E2_quantum_physics.html | 164 ++++++++ physics_E3_radioactive_decay.html | 164 ++++++++ physics_E5_fusion_stars.html | 164 ++++++++ physics_mathematical_equations.html | 2 +- scripts/main.js | 2 + scripts/symbolsLatex.js | 67 ++- style/base.css | 11 + style/symbols.css | 9 +- style/symbols_physics.css | 249 +++++++++++ 31 files changed, 3950 insertions(+), 1965 deletions(-) create mode 100644 latex_insert.html create mode 100644 physics_D1_gravitational_fields.html create mode 100644 physics_D2_electric_magnetic_fields.html create mode 100644 physics_D3_motion_electromagnetic_fields.html create mode 100644 physics_D4_induction.html create mode 100644 physics_E1_structure_atom.html create mode 100644 physics_E2_quantum_physics.html create mode 100644 physics_E3_radioactive_decay.html create mode 100644 physics_E5_fusion_stars.html create mode 100644 style/symbols_physics.css diff --git a/header.html b/header.html index 375067a..16a5098 100644 --- a/header.html +++ b/header.html @@ -15,7 +15,7 @@
  • C5 Doppler Effect
  • + + diff --git a/latex.html b/latex.html index ffaf067..070c277 100644 --- a/latex.html +++ b/latex.html @@ -47,6 +47,7 @@

    Copy Kinematic Equations


    Make your own LaTeX

    +
    @@ -80,9 +81,8 @@

    Make your own LaTeX

    - -
    - + + diff --git a/latex_insert.html b/latex_insert.html new file mode 100644 index 0000000..5e2280f --- /dev/null +++ b/latex_insert.html @@ -0,0 +1,34 @@ +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    \ No newline at end of file diff --git a/physics_A1_kinematics.html b/physics_A1_kinematics.html index 1af5f05..341a8d5 100644 --- a/physics_A1_kinematics.html +++ b/physics_A1_kinematics.html @@ -15,7 +15,7 @@ - + @@ -40,144 +40,147 @@

    Copy Kinematic Equations

    -

    - Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator below. For - instant use in documents or on social media, or you can copy the basic formatted equations. -

    - - Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use - Chrome or Edge browsers. -
    - - +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use + Chrome or Edge browsers. + +
    + + -
    -
    -

    A.1 Kinematic Equations - LaTeX

    -
    - -
    - -
    Copied!
    - - +
    +

    A.1 Kinematic Equations - LaTeX

    +
    + +
    +
    + \( s = \frac{u + v}{2} \cdot t \)
    - - -
    - -
    Copied!
    - - + +
    Copied!
    +
    + +
    +
    + \( v = u + at \)
    - - -
    - -
    Copied!
    - - + +
    Copied!
    +
    + +
    +
    + \( s = ut + \frac{1}{2}at^2 \)
    - - -
    - -
    Copied!
    - - + +
    Copied!
    +
    + +
    +
    + \( v^2 = u^2 + 2as \)
    -
    - -
    -

    A.1 Kinematic Equations - Basic

    - - - -
    - -
    Copied!
    - + +
    Copied!
    +
    +
    +
    +
    +

    A.1 Kinematic Equations - Basic

    +
    + +
    +
    + s = (u + v)/2 × t
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + +
    +
    + v = u + at
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + +
    +
    + s = ut + 1/2 at²
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + +
    +
    + v² = u² + 2as
    -
    + +
    Copied!
    + + +

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    + +
    + +
    - -
    - -
    - -
    - + diff --git a/physics_A2_forces_and_momentum.html b/physics_A2_forces_and_momentum.html index 304202d..6cc0d0d 100644 --- a/physics_A2_forces_and_momentum.html +++ b/physics_A2_forces_and_momentum.html @@ -15,7 +15,7 @@ - + @@ -56,246 +56,226 @@

    Copy Force and Momentum Equations

    A.2 Force and Momentum Equations - LaTeX

    - -
    - +
    + +
    +
    + \( F_{f} \leq \mu_{s} F_{N} \) +
    + +
    Copied!
    +
    + +
    +
    + \( F_{f} = \mu_{k} F_{N} \) +
    + +
    Copied!
    +
    + +
    +
    + \( F_{H} = -kx \) +
    + +
    Copied!
    +
    + +
    +
    + \( F_{d} = 6\pi\eta rv \) +
    + +
    Copied!
    +
    + +
    +
    + \( F_{b} = \rho Vg \) +
    + +
    Copied!
    +
    + +
    +
    + \( F_{g} = mg \) +
    + +
    Copied!
    +
    + +
    +
    + \( p = mv \) +
    + +
    Copied!
    +
    + +
    +
    + \( J = F\Delta t \) +
    + +
    Copied!
    +
    + +
    +
    + \( F = ma = \frac{\Delta p}{\Delta t} \) +
    + +
    Copied!
    +
    + +
    +
    + \( a = \frac{v^2}{r} = \omega^2 r = \frac{4\pi^2 r}{T^2} \) +
    + +
    Copied!
    +
    + +
    +
    + \( v = \frac{2\pi r}{T} = \omega r \) +
    + +
    Copied!
    +
    +
    +
    + +
    +

    A.2 Force and Momentum - Basic

    +
    + +
    +
    Fₑ ≤ μₛFₙ
    +
    Copied!
    -
    - - -
    - + +
    +
    Fₑ = μₖFₙ
    +
    Copied!
    -
    - - -
    - + +
    +
    Fₕ = -kx
    +
    Copied!
    -
    - -
    - +
    +
    Fd = 6πηrv
    +
    Copied!
    -
    - -
    - +
    +
    Fb = ρVg
    +
    Copied!
    -
    - -
    - +
    +
    Fg = mg
    +
    Copied!
    -
    - -
    - +
    +
    p = mv
    +
    Copied!
    -
    - -
    - +
    +
    J = FΔt
    +
    Copied!
    -
    - -
    - +
    +
    F = ma = Δp/Δt
    +
    Copied!
    -
    - -
    - +
    +
    a = v²/r = ω²r = 4π²r/T²
    +
    Copied!
    -
    - -
    - +
    +
    v = 2πr/T = ωr
    +
    Copied!
    -
    -
    -
    -

    A.2 Force and Momentum - Basic

    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    + +
    - -
    - -
    Copied!
    - +
    +

    Make your own LaTeX

    +
    + + +
    + +
    +
    - - -
    - -
    Copied!
    - + +
    +
    -
    - -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    -
    +
    +
    - -
    - -
    - - -
    +
    +
    + +
    + + + + -
    Copied!
    - - - -
    - -
    Copied!
    - -
    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - - -
    -

    A.3 Work, Energy and Power - Basic

    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - -
    - -
    -

    Make your own LaTeX

    - +
    +

    A.3 Work, Energy and Power Equations - LaTeX

    +
    + +
    +
    + \( W = Fs\cos\theta \) +
    + +
    Copied!
    +
    + +
    +
    + \( E_k = \frac{1}{2}mv^2 = \frac{p^2}{2m} \) +
    + +
    Copied!
    +
    + +
    +
    + \( \Delta E_p = mg\Delta h \) +
    + +
    Copied!
    +
    + +
    +
    + \( E_H = \frac{1}{2} k \Delta x^2 \) +
    + +
    Copied!
    +
    + +
    +
    + \( P = \frac{\Delta W}{\Delta t} \) +
    + +
    Copied!
    +
    + +
    +
    + \( P = Fv \) +
    + +
    Copied!
    +
    + +
    +
    + \( \eta = \frac{E_{\text{output}}}{E_{\text{input}}} = \frac{P_{\text{output}}}{P_{\text{input}}} \) +
    + +
    Copied!
    +
    +
    +
    - -
    - -
    - -
    +
    +

    A.3 Work, Energy and Power - Basic

    +
    + +
    +
    W = F • s • cos(θ)
    + +
    Copied!
    +
    + +
    +
    Eₖ = ½mv² = p²/2m
    + +
    Copied!
    +
    + +
    +
    ΔEₚ = mgΔh
    + +
    Copied!
    +
    + +
    +
    Eₕ = ½kΔx²
    + +
    Copied!
    +
    + +
    +
    P = ΔW/Δt
    + +
    Copied!
    +
    + +
    +
    P = Fv
    + +
    Copied!
    +
    + +
    +
    η = Eₒᵤₜₚᵤₜ/Eᵢₙₚᵤₜ = Pₒᵤₜₚᵤₜ/Pᵢₙₚᵤₜ
    + +
    Copied!
    +
    +
    +
    - -
    - -
    -
    -
    - -
    -
    +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    +
    - -
    - -
    - - -
    +
    +
    + +
    + + + +
    -
    Copied!
    - - - -
    - -
    Copied!
    - -
    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - +
    + +
    +
    + \( \tau = Fr\sin(\theta) \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \Delta \theta = \frac{\omega_i + \omega_f}{2}t \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \omega_f = \omega_i + \alpha t \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \Delta\theta = \omega_{i}t + \frac{1}{2}at^2 \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \omega_{f}^2 = \omega_{i}^2 + 2a\Delta\theta \) +
    + +
    Copied!
    +
    + + +
    +
    + \( I = \Sigma mr^2 \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \tau = I\alpha \) +
    + +
    Copied!
    +
    + + +
    +
    + \( L = I\omega \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \Delta L = \tau \Delta t \) +
    + +
    Copied!
    +
    + + +
    +
    + \( \Delta L = \Delta (I\omega) \) +
    + +
    Copied!
    +
    + + +
    +
    + \( E_k = \frac{1}{2}I\omega^2 = \frac{L^2}{2I} \) +
    + +
    Copied!
    +
    -
    -

    A.4 Rigid Body Mechanics - Basic

    +
    +

    A.4 Rigid Body Mechanics - Basic

    +
    -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    - -
    -
    Copied!
    -
    -
    - -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    +
    +
    - -
    - -
    -
    -
    - -
    -
    +
    +

    Make your own LaTeX

    +
    + + +
    + +
    +
    - -
    - -
    - - -
    + +
    + +
    +
    + +
    +
    +
    + +
    + + + + -
    Copied!
    - +
    +

    A.5 Galilean and Special Relativity Equations - LaTeX

    +
    + +
    +
    + \( x' = x - vt \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( t' = t \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( u' = u - v \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( x' = \gamma (x - vt) \text{ where } \gamma = \frac{1}{\sqrt{1 - \frac{v^2}{c^2}}} \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( t' = \gamma \left( t - \frac{v x}{c^2} \right) \)
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( u' = \frac{u - v}{1 - \frac{u v}{c^2}} \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( (\Delta s)^2 = (c \Delta t)^2 - \Delta x^2 \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \Delta t = \gamma \Delta t_0 \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( L = \frac{L_0}{\gamma} \)
    + +
    Copied!
    +
    -
    + +
    +
    + \( \tan(\theta) = \frac{v}{c} \) +
    + +
    Copied!
    +
    + + -
    -

    A.5 Galilean and Special Relativity - Basic

    +
    +

    A.5 Galilean and Special Relativity - Basic

    +
    -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    -
    + +
    -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    -
    +
    +

    Make your own LaTeX

    +
    + + +
    + +
    +
    - -
    - -
    - - -
    + +
    + +
    +
    + +
    +
    +
    + +
    + + + +
    -
    Copied!
    - - +
    +
    + \( \rho = \frac{m}{V} \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( \overline{E}_k = \frac{3}{2}k_B T \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( Q = mc\Delta T \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( Q = mL \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( \frac{\Delta Q}{\Delta t} = kA \frac{\Delta T}{\Delta x} \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( L = \sigma A T^4 \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    + \( b = \frac{L}{4\pi d^2} \) +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    - +
    +
    + \( \lambda_{\text{max}} T = 2.9 \times 10^{-3} \text{ mK} \) +
    + +
    Copied!
    +
    + - +

    B.1 Thermal Energy Transfers - Basic

    +
    -
    - -
    Copied!
    - -
    +
    +
    ρ = m/V + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    E̅k = 3/2 kBT + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    Q = mcΔT + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    Q = mL + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    ΔQ/Δt = kA ΔT/Δx + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    L = σ A T⁴ + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    b = L/4πd² + +
    + +
    Copied!
    +
    -
    - -
    Copied!
    - -
    +
    +
    λmax T = 2.9 × 10⁻³ mK + +
    + +
    Copied!
    +
    -
    -

    Make your own LaTeX

    +
    +

    Make your own LaTeX

    +
    - -
    +
    -
    +
    -
    -
    -
    - -
    +
    +
    -
    - -
    + + +
    -
    Copied!
    - +
    +

    B.2 Greenhouse Effect Equations - LaTeX

    +
    + +
    +
    + \( \text{emissivity} = \frac{\text{power radiated per unit area}}{\sigma T^4} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \text{albedo} = \frac{\text{total scattered power}}{\text{total incident power}} \)
    -
    + +
    Copied!
    + + + -
    -

    B.2 Greenhouse Effect - Basic

    +
    +

    B.2 Greenhouse Effect - Basic

    +
    -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    -
    + +

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    +
    + + +
    + +
    + +
    + +
    + +
    +
    +
    + +
    + +
    - -
    - -
    - -
    diff --git a/physics_B3_gas_laws.html b/physics_B3_gas_laws.html index e53fe59..12f0d87 100644 --- a/physics_B3_gas_laws.html +++ b/physics_B3_gas_laws.html @@ -15,7 +15,7 @@ - + @@ -46,142 +46,140 @@

    Copy Gas Laws Equations

    Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use - Chrome or Edge browsers. + Chrome or Edge browsers.
    -

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + Note: Some limitations exist in the basic form, as subscripts are not always available. -
    -

    B.3 Gas Laws Equations - LaTeX

    - -
    - -
    Copied!
    - +
    +

    B.3 Gas Laws Equations - LaTeX

    +
    + +
    +
    + \( P = \frac{F}{A} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( n = \frac{N}{N_A} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \frac{PV}{T} = \text{constant} \)
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - + +
    +
    + \( PV = nRT = Nk_B T \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( P = \frac{1}{3} \rho v^2 \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( U = \frac{3}{2} nRT = \frac{3}{2} Nk_B T \)
    -
    + +
    Copied!
    +
    + +
    -
    -

    B.3 Gas Laws - Basic

    +
    +

    B.3 Gas Laws - Basic

    +
    -
    - +
    +
    P = F / A
    +
    Copied!
    -
    - -
    - +
    +
    n = N / Nₐ
    +
    Copied!
    -
    - -
    - +
    +
    PV / T = constant
    +
    Copied!
    -
    - -
    - +
    +
    PV = nRT = NkᵦT
    +
    Copied!
    -
    - -
    - +
    +
    P = 1/3 ρv²
    +
    Copied!
    -
    - -
    - +
    +
    U = 3/2 nRT = 3/2 NkᵦT
    +
    Copied!
    -
    -
    + +
    -
    -

    Make your own LaTeX

    +
    +

    Make your own LaTeX

    +
    - -
    +
    -
    +
    -
    -
    -
    - -
    +
    +
    -
    - -
    + + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    -
    -

    B.4 Thermodynamics Equations - LaTeX

    - -
    - -
    Copied!
    - +
    +

    B.4 Thermodynamics Equations - LaTeX

    +
    + +
    +
    + \( Q = \Delta U + W \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( W = P\Delta V \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \Delta U = \frac{3}{2}nR\Delta T = \frac{3}{2}Nk_B\Delta T \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \Delta S = \frac{\Delta Q}{T} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( S = k_B \ln \Omega \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( PV^{\frac{5}{3}} = \text{constant} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \eta = \frac{\text{useful work}}{\text{input energy}} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( \eta_{\text{Carnot}} = 1 - \frac{T_c}{T_h} \)
    -
    + +
    Copied!
    +
    + +
    -
    -

    B.4 Thermodynamics Equations - Basic

    +
    +

    B.4 Thermodynamics Equations - Basic

    +
    -
    - +
    +
    Q = ΔU + W
    +
    Copied!
    -
    - -
    - +
    +
    W = PΔV
    +
    Copied!
    -
    - -
    - +
    +
    ΔU = (³⁄₂)nRΔT = (³⁄₂)NkᵦΔT
    +
    Copied!
    -
    - -
    - +
    +
    ΔS = ΔQ/T
    +
    Copied!
    -
    - -
    - +
    +
    S = kᵦ ln Ω
    +
    Copied!
    -
    - -
    - +
    +
    PV⁽⁵⁄³⁾ = constant
    +
    Copied!
    -
    - -
    - +
    +
    η = useful work/input energy
    +
    Copied!
    -
    - -
    - +
    +
    ηCarnot = 1 - Tc/Th
    +
    Copied!
    -
    -
    + +
    -
    -

    Make your own LaTeX

    +
    +

    Make your own LaTeX

    +
    - -
    +
    -
    +
    -
    -
    -
    - -
    +
    +
    -
    - -
    + + +
    -

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + Chrome or Edge browsers.
    +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    -
    -

    B.5 Current and Circuits Equations - LaTeX

    +
    +

    B.5 Current and Circuits Equations - LaTeX

    +
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    - +

    Series Circuits

    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    - +

    Parallel Circuits

    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    + +
    -
    -

    B.5 Current and Circuits - Basic

    +
    +

    B.5 Current and Circuits - Basic

    +
    -
    - +
    +
    I = Δq/Δt
    +
    Copied!
    -
    - + -
    - +
    +
    V = W/q
    +
    Copied!
    -
    - + -
    - +
    +
    R = V/I
    +
    Copied!
    -
    - + -
    - +
    +
    ρ = RA/L
    +
    Copied!
    -
    - + -
    - +
    +
    P = IV = I²R = V²/R
    +
    Copied!
    -
    - +

    Series Circuits

    -
    - +
    +
    I = I₁ = I₂ = ...
    +
    Copied!
    -
    -
    - +
    +
    V = V₁ + V₂ + ...
    +
    Copied!
    -
    -
    - +
    +
    Rₛ = R₁ + R₂ + ...
    +
    Copied!
    -
    -
    - +
    +
    ε = I(R + r)
    +
    Copied!
    -
    - +

    Parallel Circuits

    -
    - +
    +
    I = I₁ + I₂ + ...
    +
    Copied!
    -
    -
    - +
    +
    V = V₁ = V₂ = ...
    +
    Copied!
    -
    -
    - +
    +
    1/Rₚ = 1/R₁ + 1/R₂ + ...
    +
    Copied!
    -
    -
    + +
    -
    -

    Make your own LaTeX

    +
    +

    Make your own LaTeX

    +
    - -
    +
    -
    +
    -
    -
    -
    - -
    +
    +
    -
    - -
    + + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    - -
    -

    C.1 Simple Harmonic Motion Equations - LaTeX

    +
    +

    C.1 Simple Harmonic Motion Equations - LaTeX

    +
    -
    -
    Copied!
    -
    - + -
    -
    Copied!
    - -
    - -
    - -
    Copied!
    -
    - + -
    -
    Copied!
    -
    - + -
    -
    Copied!
    -
    -
    -
    -

    C.1 Simple Harmonic Motion - Additional High Level Content - LaTeX

    + -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    -
    Copied!
    -
    -
    - -
    -

    C.1 Simple Harmonic Motion Equations - Basic

    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    -
    + +
    +

    C.1 Simple Harmonic Motion Equations - Basic

    +
    + +
    +
    a = -ω² x
    + +
    Copied!
    +
    + + +
    +
    T = 1/f = 2π/ω
    + +
    Copied!
    +
    + + +
    +
    ω = 2πf
    + +
    Copied!
    +
    + + +
    +
    T = 2π√(m/k)
    + +
    Copied!
    +
    + + +
    +
    T = 2π√(l/g)
    + +
    Copied!
    +
    +
    +
    -
    -

    C.1 Simple Harmonic Motion - Additional High Level Content - Basic

    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    -
    +
    +

    C.1 Simple Harmonic Motion - Additional High Level Content - Basic

    +
    + +
    +
    x = x₀ sin(ωt + φ)
    + +
    Copied!
    +
    -
    -

    Make your own LaTeX

    - + +
    +
    v = ωx₀ cos(ωt + φ)
    + +
    Copied!
    +
    - -
    - -
    - -
    + +
    +
    v = ±ω√(x₀² - x²)
    + +
    Copied!
    +
    - -
    - -
    -
    -
    - -
    -
    -
    + +
    +
    Eₜ = ½ mω² x₀²
    + +
    Copied!
    +
    -
    - -
    - - -
    + +
    +
    Eₚ = ½ mω² x²
    + +
    Copied!
    +
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    -

    Note: Some limitations exist in the basic form, as subscripts are not always - available.

    - -
    -

    C.2 Wave Model Equations - LaTeX

    -
    - -
    Copied!
    - -
    -
    - - -
    -

    C.2 Wave Model Equations - Basic

    -
    - -
    Copied!
    - -
    -
    +
    +

    Copy Wave Model Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. + +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    -
    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \)
    + +
    Copied!
    +
    +
    +
    -
    - -
    - - -
    + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    + v = fλ = λ/T +
    + +
    Copied!
    +
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    -

    Note: Some limitations exist in the basic form, as subscripts are not always - available.

    - - -
    -

    C.3 Wave Phenomena Equations - LaTeX

    - -
    - -
    Copied!
    - +

    Copy Wave Phenomena Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use + Chrome or Edge browsers. + +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + + +
    +

    C.3 Wave Phenomena Equations - LaTeX

    +
    + +
    +
    + \( \frac{n_1}{n_2} = \frac{\sin \theta_2}{\sin \theta_1} = \frac{v_2}{v_1} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \( s = \frac{\lambda D}{d} \)
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \begin{align*} + \text{Constructive interference:} \\ + \text{path difference} = n\lambda + \end{align*}
    - - -
    - -
    Copied!
    - + +
    Copied!
    +
    + + +
    +
    + \begin{align*} + \text{Destructive interference:} \\ + \text{path difference} = (n + \frac{1}{2})\lambda + \end{align*}
    -
    -
    -

    C.3 Wave Phenomena - Additional High Level Content - LaTeX

    -
    - -
    Copied!
    - + +
    Copied!
    +
    +
    +
    + + +
    +

    C.3 Wave Phenomena - Additional High Level Content - LaTeX

    +
    + +
    +
    + \( \theta = \frac{\lambda}{b} \)
    -
    - -
    Copied!
    - + +
    Copied!
    +
    +
    +
    + \( n\lambda = d \sin \theta \)
    -
    - - -
    -

    C.2 Wave Model Equations - Basic

    -
    - -
    Copied!
    - + +
    Copied!
    +
    +
    + + +
    +

    C.3 Wave Phenomena Equations - Basic

    +
    + +
    +
    n₁/n₂ = sin θ₂/sin θ₁ = v₂/v₁
    + +
    Copied!
    +
    - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - -
    - - -
    - -
    Copied!
    - + +
    +
    s = λD/d
    + +
    Copied!
    +
    + + +
    +
    Constructive interference: path difference = nλ
    + +
    Copied!
    +
    + + +
    +
    Destructive interference: path difference = (n + ½)λ
    + +
    Copied!
    +
    -
    -
    -

    C.3 Wave Phenomena - Additional High Level Content - Basic

    -
    -
    + + +
    +

    C.3 Wave Phenomena - Additional High Level Content - Basic

    +
    + +
    +
    θ = λ/b
    +
    Copied!
    -
    -
    -
    Copied!
    -
    -
    - -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    -
    -
    + +
    -
    - -
    - - -
    +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    -

    Note: Some limitations exist in the basic form, as subscripts are not always - available.

    - -
    -

    C.5 Doppler Effect - LaTeX

    -
    - -
    Copied!
    - +

    Copy Doppler Effect Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use + Chrome or Edge browsers. + +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + + +
    +

    C.5 Doppler Effect - LaTeX

    +
    +
    +
    + \( \frac{\Delta f}{f} = \frac{\Delta \lambda}{\lambda} \approx \frac{v}{c} \)
    -
    -
    -

    C.5 Doppler Effect - Additional High Level Content - LaTeX

    - -
    - -
    Copied!
    - + +
    Copied!
    +
    +
    +
    + +
    +

    C.5 Doppler Effect - Additional High Level Content - LaTeX

    +
    + +
    +
    + \( f' = f \left( \frac{v}{v \pm u_s} \right) \)
    - -
    - -
    Copied!
    - + +
    Copied!
    +
    + +
    +
    + \( f' = f \left( \frac{v \pm u_o}{v} \right) \)
    -
    - - -
    -

    C.5 Doppler Effect - Basic

    -
    - +
    Copied!
    +
    + +
    + + +
    +

    C.5 Doppler Effect - Basic

    +
    +
    +
    Δf/f = Δλ/λ ≈ v/c
    +
    Copied!
    -
    -
    -
    -

    C.5 Doppler Effect - Additional High Level Content - Basic

    + +
    + +
    +

    C.5 Doppler Effect - Additional High Level Content - Basic

    +
    -
    -
    Copied!
    -
    -
    -
    Copied!
    -
    -
    + + -
    -

    Make your own LaTeX

    - - - -
    - -
    - -
    - - -
    - -
    -
    -
    - -
    -
    -
    - -
    - -
    - - -
    +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + + +
    +

    D.1 Gravitational Fields - LaTeX

    +
    + +
    +
    + \( F = G\frac{m_1m_2}{r^2} \) +
    + +
    Copied!
    +
    + +
    +
    + \( g = \frac{F}{m} = G\frac{M}{r^2} \) +
    + +
    Copied!
    +
    +
    +
    + +
    +

    D.1 Gravitational Fields - Additional High Level Content - LaTeX

    +
    + +
    +
    + \( E_p = -G\frac{m_1m_2}{r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( V_g = -G\frac{M}{r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( g = -\frac{\Delta V_g}{\Delta r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( W = m\Delta V_g \) +
    + +
    Copied!
    +
    + +
    +
    + \( v_{esc} = \sqrt{\frac{2GM}{r}} \) +
    + +
    Copied!
    +
    + +
    +
    + \( v_{orbital} = \sqrt{\frac{GM}{r}} \) +
    + +
    Copied!
    +
    +
    +
    + + +
    +

    D.1 Gravitational Fields - Basic

    +
    + +
    +
    F = Gm₁m₂/r²
    + +
    Copied!
    +
    + +
    +
    g = F/m = GM/r²
    + +
    Copied!
    +
    +
    +
    + +
    +

    D.1 Gravitational Fields - Additional High Level Content - Basic

    +
    + +
    +
    Eₚ = -Gm₁m₂/r
    + +
    Copied!
    +
    + +
    +
    Vg = -GM/r
    + +
    Copied!
    +
    + +
    +
    g = -ΔVg/Δr
    + +
    Copied!
    +
    + +
    +
    W = mΔVg
    + +
    Copied!
    +
    + +
    +
    v_esc = √(2GM/r)
    + +
    Copied!
    +
    + +
    +
    v_orbital = √(GM/r)
    + +
    Copied!
    +
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_D2_electric_magnetic_fields.html b/physics_D2_electric_magnetic_fields.html new file mode 100644 index 0000000..53d4775 --- /dev/null +++ b/physics_D2_electric_magnetic_fields.html @@ -0,0 +1,278 @@ + + + + + + + + + + Physics Electric and Magnetic Fields Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Electric and Magnetic Fields Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, please use + Chrome or Edge browsers. + +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always available.

    + + +
    +

    D.2 Electric and Magnetic Fields - LaTeX

    +
    + +
    +
    + \( F = k\frac{q_1q_2}{r^2} \text{ where } k = \frac{1}{4\pi\epsilon_0} \) +
    + +
    Copied!
    +
    + +
    +
    + \( E = \frac{F}{q} \) +
    + +
    Copied!
    +
    + +
    +
    + \( E = \frac{V}{d} \) +
    + +
    Copied!
    +
    +
    +
    + +
    +

    D.2 Electric and Magnetic Fields - Additional High Level Content - LaTeX

    +
    + +
    +
    + \( E_p = k\frac{q_1q_2}{r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( V_e = k\frac{Q}{r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( E = -\frac{\Delta V_e}{\Delta r} \) +
    + +
    Copied!
    +
    + +
    +
    + \( W = q\Delta V_e \) +
    + +
    Copied!
    +
    +
    +
    + + +
    +

    D.2 Electric and Magnetic Fields - Basic

    +
    + +
    +
    F = kq₁q₂/r² where k = ¼πε₀
    + +
    Copied!
    +
    + +
    +
    E = F/q
    + +
    Copied!
    +
    + +
    +
    E = V/d
    + +
    Copied!
    +
    +
    +
    + +
    +

    D.2 Electric and Magnetic Fields - Additional High Level Content - Basic

    +
    + +
    +
    Ep = kq₁q₂/r
    + +
    Copied!
    +
    + +
    +
    Ve = kQ/r
    + +
    Copied!
    +
    + +
    +
    E = -ΔVe/Δr
    + +
    Copied!
    +
    + +
    +
    W = qΔVe
    + +
    Copied!
    +
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_D3_motion_electromagnetic_fields.html b/physics_D3_motion_electromagnetic_fields.html new file mode 100644 index 0000000..4eaf48a --- /dev/null +++ b/physics_D3_motion_electromagnetic_fields.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Motion in Electric and Magnetic Fields Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Motion in Electric and Magnetic Fields Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_D4_induction.html b/physics_D4_induction.html new file mode 100644 index 0000000..a7d01d4 --- /dev/null +++ b/physics_D4_induction.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Induction Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Induction Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_E1_structure_atom.html b/physics_E1_structure_atom.html new file mode 100644 index 0000000..3dd24d6 --- /dev/null +++ b/physics_E1_structure_atom.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Structure of the Atom Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Structure of the Atom Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_E2_quantum_physics.html b/physics_E2_quantum_physics.html new file mode 100644 index 0000000..3714782 --- /dev/null +++ b/physics_E2_quantum_physics.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Quantum Physics Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Quantum Physics Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_E3_radioactive_decay.html b/physics_E3_radioactive_decay.html new file mode 100644 index 0000000..4dc911a --- /dev/null +++ b/physics_E3_radioactive_decay.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Radioactive Decay Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Radioactive Decay Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_E5_fusion_stars.html b/physics_E5_fusion_stars.html new file mode 100644 index 0000000..6eaeb91 --- /dev/null +++ b/physics_E5_fusion_stars.html @@ -0,0 +1,164 @@ + + + + + + + + + + Physics Fusion and Stars Equations | Pangram World + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    Copy Fusion and Stars Equations

    +

    + Click the LaTeX buttons to copy LaTeX code for use in your projects or paste into the LaTeX PNG generator + below. For + instant use in documents or on social media, or you can copy the basic formatted equations. +

    + + Note: The LaTeX PNG generator may not display images correctly in Firefox. For the best experience, + please use + Chrome or Edge browsers. +
    + +

    Note: Some limitations exist in the basic form, as subscripts are not always + available.

    + +
    +

    C.2 Wave Model Equations - LaTeX

    +
    +
    +
    + \( v = f \lambda = \frac{\lambda}{T} \) +
    + +
    Copied!
    +
    +
    + + + + +
    +

    C.2 Wave Model Equations - Basic

    +
    +
    +
    +
    v = fλ = λ/T + +
    + +
    Copied!
    +
    +
    + +
    +

    Make your own LaTeX

    +
    + + + +
    + +
    + +
    + + +
    + +
    +
    +
    + +
    +
    +
    + +
    + +
    + + +
    +
    + + + + + + +
    + +
    + + + + \ No newline at end of file diff --git a/physics_mathematical_equations.html b/physics_mathematical_equations.html index 950d04e..5850b5a 100644 --- a/physics_mathematical_equations.html +++ b/physics_mathematical_equations.html @@ -15,7 +15,7 @@ - + diff --git a/scripts/main.js b/scripts/main.js index 68d58a0..8412555 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -1,5 +1,6 @@ // Function to load and initialize header and footer function loadHeaderAndFooter() { + // Load the header fetch('header.html') .then(response => response.text()) .then(data => { @@ -7,6 +8,7 @@ function loadHeaderAndFooter() { // Any header-specific JavaScript can go here }); + // Load the footer fetch('footer.html') .then(response => response.text()) .then(data => { diff --git a/scripts/symbolsLatex.js b/scripts/symbolsLatex.js index 9970b0d..708dd86 100644 --- a/scripts/symbolsLatex.js +++ b/scripts/symbolsLatex.js @@ -111,15 +111,26 @@ function createDownloadLink(imageUrl) { } function createCopyButton(imageUrl) { + // Get the container for the copy button const latexCopyContainer = document.getElementById('latexCopyContainer'); - latexCopyContainer.innerHTML = ''; // Clear any existing content - - const copyButton = document.createElement('button'); - copyButton.className = 'symbol-btn'; - copyButton.innerText = 'Copy PNG'; - copyButton.onclick = () => copyImageToClipboard(imageUrl); + + // Check if a copy link already exists and remove it + const existingCopyLink = latexCopyContainer.querySelector('.copy-png-link'); + if (existingCopyLink) { + latexCopyContainer.removeChild(existingCopyLink); + } - latexCopyContainer.appendChild(copyButton); + // Create the new copy text link + const copyTextLink = document.createElement('a'); + copyTextLink.className = 'copy-png-link'; + copyTextLink.innerText = 'Copy PNG'; + copyTextLink.onclick = (event) => { + event.preventDefault(); // Prevent the default anchor action + copyImageToClipboard(imageUrl); + }; + + // Append the new copy link + latexCopyContainer.appendChild(copyTextLink); } function setBackground(selectedBackground) { @@ -182,4 +193,44 @@ async function copyImageToClipboard(dataUrl) { // If the Clipboard API fails, use the fallback copyImageFallback(dataUrl); } -} \ No newline at end of file +} + +// This function is added to show the copied overlay correctly +function showCopiedOverlay(button) { + // Find the .copied-overlay within the same .symbol-container as the button + let overlay = button.closest('.symbol-container').querySelector('.copied-overlay'); + + // Show the overlay + overlay.style.display = 'block'; + + // Hide the overlay after 2 seconds + setTimeout(() => overlay.style.display = 'none', 2000); +} + +document.querySelectorAll('.equation-btn').forEach(button => { + button.addEventListener('click', function() { + // Find the .copied-overlay for this button + let overlay = this.closest('.equation-container').querySelector('.copied-overlay'); + + // Get the bounding rectangle of the button + let rect = this.getBoundingClientRect(); + + // Calculate the position of the overlay + let overlayTop = rect.top + window.scrollY + (rect.height / 2); // Vertical center + let overlayLeft = rect.left + window.scrollX + (rect.width / 2); // Horizontal center + + // Position the overlay and show it + overlay.style.top = `${overlayTop}px`; + overlay.style.left = `${overlayLeft}px`; + overlay.style.transform = 'translate(-50%, -50%)'; // Center the overlay on the button + overlay.style.display = 'block'; + + // Hide the overlay after 2 seconds + setTimeout(() => { + overlay.style.display = 'none'; + }, 2000); + }); +}); + + + diff --git a/style/base.css b/style/base.css index b94ba70..353b213 100644 --- a/style/base.css +++ b/style/base.css @@ -67,4 +67,15 @@ body, main { max-width: 100%; /* Ensuring it doesn't overflow its container */ } +/* Hide on specific screen sizes between 1200px and 1340px */ +@media (min-width: 1200px) and (max-width: 1340px) { + .hide-1200-1340 { + display: none !important; + } +} + +select { + width: auto !important; +} + diff --git a/style/symbols.css b/style/symbols.css index a61b16a..35633d3 100644 --- a/style/symbols.css +++ b/style/symbols.css @@ -50,11 +50,16 @@ .symbol-container { position: relative; /* This will contain the absolute overlay */ - display: inline-flex; + display: block; flex-direction: column; align-items: center; justify-content: center; - margin: 5px; /* Provide some spacing around the symbol container */ + margin-bottom: 10px; +} + +.symbol-container code { + text-align: left; /* Aligns text to the left */ + display: block; /* Makes the element a block-level element, which respects the text-align property */ } .symbol-btn-large { diff --git a/style/symbols_physics.css b/style/symbols_physics.css new file mode 100644 index 0000000..d502a7b --- /dev/null +++ b/style/symbols_physics.css @@ -0,0 +1,249 @@ +/* Style for the symbol buttons to match the site's theme */ +.symbol-btn { + background-color: #17a2b8; /* Teal background */ + border: none; /* Remove border */ + border-radius: 8px; /* Rounded corners */ + color: #ffffff; /* White text */ + cursor: pointer; /* Pointer cursor on hover */ + display: flex; /* Use flexbox for centering */ + align-items: center; /* Center symbol vertically */ + justify-content: center; /* Center symbol horizontally */ + min-width: 80px; + height: auto; /* Allow height to adjust to content */ + margin: 0.5rem; /* Spacing around buttons */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add some shadow for depth */ + transition: transform 0.1s ease-in-out, background-color 0.3s; /* Smooth transitions */ + position: relative; /* Needed to position the copied-message span absolutely */ + padding: 0.3rem 0.6rem; /* Smaller padding */ + font-size: 0.8rem; /* Smaller font size for the button text */ + word-wrap: break-word; /* Ensure long words do not overflow */ + white-space: normal; /* Allow text to wrap */ + line-height: 1.2; /* Adjust line height for readability */ +} + +.symbol-btn-small { + font-size: 1em; /* Adjust the size as needed */ +} + +.symbol-btn-micro { + font-size: 0.8em; +} + +.symbol-btn-nano { + font-size: 0.65em; +} + +.symbol-container label { + display: block; /* Ensure the label takes up the full width below the button */ + margin-top: 5px; /* Space between the button and label text */ + text-align: center; /* Center align the label text */ +} + +.symbol-btn:hover { + background-color: #159aab; /* Slightly darker shade on hover */ + opacity: 1; /* Full opacity on hover */ +} + +.symbol-btn:active { + transform: scale(0.98); /* Slightly shrink the button when clicked */ +} + +.symbol-container { + position: relative; /* This will contain the absolute overlay */ + display: inline-flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 5px; /* Provide some spacing around the symbol container */ +} + +.symbol-btn-large { + padding: 20px; /* Larger padding to increase the size of the button */ + min-width: 200px; + display: block; /* To use the full width available */ + margin: 10px auto; /* Center the buttons with automatic margins */ + text-align: center; /* Center the text inside the button */ + font-size: 24px; /* Adjust font size to fit larger content */ + line-height: 1.2; /* Adjust line height for better readability */ + word-wrap: break-word; /* Allows the text to wrap into multiple lines if necessary */ +} + +.symbol-btn-ex { + padding: 20px; /* Larger padding to increase the size of the button */ + min-width: 150px; /* Minimum width to accommodate larger content */ + display: block; /* To use the full width available */ + margin: 10px auto; /* Center the buttons with automatic margins */ + text-align: center; /* Center the text inside the button */ + font-size: 18px; /* Adjust font size to fit larger content */ + line-height: 1.2; /* Adjust line height for better readability */ + word-wrap: break-word; /* Allows the text to wrap into multiple lines if necessary */ +} + +.symbol-btn-ex2 { + padding: 20px; /* Larger padding to increase the size of the button */ + min-width: 150px; /* Minimum width to accommodate larger content */ + display: block; /* To use the full width available */ + margin: 10px auto; /* Center the buttons with automatic margins */ + text-align: center; /* Center the text inside the button */ + font-size: 14px; /* Adjust font size to fit larger content */ + line-height: 1.2; /* Adjust line height for better readability */ + word-wrap: break-word; /* Allows the text to wrap into multiple lines if necessary */ +} + +/* Adjustments for the symbols grid container */ +.symbols-grid { + display: flex; + flex-wrap: wrap; + gap: 10px; + justify-content: center; /* Center buttons in the grid */ +} + +.copied-overlay { + display: none; /* Hide by default */ + position: absolute; /* Position relative to the viewport */ + color: #ffffff; + background-color: #17a2b8; + border-radius: 5px; + padding: 4px 8px; + font-size: 10px; + z-index: 10; /* Ensure it's above other elements */ + white-space: nowrap; /* Keep the 'Copied!' text on a single line */ +} + +.symbol-btn-img { + background-color: #ffffff; /* White background for image buttons */ +} + +.symbol-btn-img:hover { + background-color: #ffffEE; /* Slightly darker shade on hover */ + opacity: 1; /* Full opacity on hover */ +} + +#mathContainer { + display: inline-block; /* Makes the div only as wide as its content */ + white-space: nowrap; /* Prevents wrapping and ensures the div is only as wide as the equation */ + text-align: center; /* Optional: centers the content */ + background: transparent; /* Sets the background color */ + padding: 0 1px; + margin: 0; + border: none; + font-size: 18px; /* Adjust as necessary for the size of the text in the PNG */ +} + +#resultImage { + display: block; /* or 'inline-block' if you prefer */ + border: none; /* Removes any borders */ + margin: auto; /* Remove margins */ + padding: 0; /* Remove paddings */ +} + +#downloadLink { + display: block; /* Needed to apply text-align: center */ + text-align: center; /* Center the download link text */ + margin-top: 10px; /* Space above the download link */ +} + + +/* Responsive adjustments */ +@media (max-width: 768px) { +.symbol-btn, .symbol-btn-large, .symbol-btn-ex, .symbol-btn-ex2 { + font-size: 16px; /* Adjust font size for smaller screens */ + padding: 0.5rem; /* Adjust padding for smaller screens */ + width: auto; /* Allow width to adjust to content */ + } + + /* Adjustments for the symbols grid container */ + .symbols-grid { + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Adjust minmax for your content */ + } +} + +.equation-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; + padding: 20px; +} + +.equation-container { + border: 1px solid #ddd; + padding: 15px; + border-radius: 8px; + text-align: center; + display: flex; /* Use flexbox for layout */ + flex-direction: column; /* Stack children vertically */ + align-items: center; /* Center children horizontally */ + background-color: #fff; /* Background color for the container */ + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Horizontal offset, vertical offset, blur radius, and color */ + transition: box-shadow 0.3s ease-in-out; /* Transition for the shadow for interactive effect */ +} + +.equation-container:hover { + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Slightly larger shadow on hover for an interactive effect */ +} + +.equation { + margin-bottom: 10px; + font-size: 1.4em; /* Larger font size for equations */ + margin-bottom: 10px; /* Space between equation and button */ + text-align: center; /* Center the equations */ +} + +.lg-equation { + font-size: 1.3em; /* Adjust this value as needed */ +} + + +.equation-btn { + padding: 0.5rem 1rem; /* Smaller padding to reduce button size */ + font-size: 0.9em; /* Smaller font size for button text */ + min-width: auto; /* Allow the width to auto-adjust based on content */ + max-width: 150px; /* Maximum width so buttons don't get too large */ +} + +h2 { + text-align: center; + margin-bottom: 1rem; + font-size: 2rem; /* Set font size */ + color: #333; /* Dark grey color for better contrast */ + font-weight: bold; /* Make it bold to stand out */ + padding-top: 1rem; /* Add some space on the top */ +} + +h3 { + text-align: left; + padding-left: 20px; /* Aligns with the grid padding */ + border-bottom: 1px solid #ddd; /* A subtle line to separate sections */ + margin-bottom: 1rem; /* Space after the heading */ + font-size: 1.5rem; /* Set font size smaller than h2 */ + color: #555; /* Slightly lighter than h2 for hierarchy */ + font-weight: normal; /* Less emphasis than h2 */ + margin-top: 2rem; /* Space above the heading */ +} + +h4 { + text-align: left; + padding-left: 20px; /* Aligns with the grid padding */ + border-bottom: 1px solid #ddd; /* A subtle line to separate sections */ + margin-bottom: 1rem; /* Space after the heading */ + font-size: 1.5rem; /* Set font size smaller than h2 */ + color: #555; /* Slightly lighter than h2 for hierarchy */ + font-weight: normal; /* Less emphasis than h2 */ + margin-top: 2rem; /* Space above the heading */ +} + +/* Style for the new Copy PNG text link */ +.copy-png-link { + display: block; /* Display as a block for proper spacing */ + text-align: center; /* Center the text */ + margin-top: 10px; /* Space from the top */ + color: #17a2b8; /* Teal color to match the button */ + text-decoration: none; /* Remove underline */ + font-size: 1rem; /* Readable font size */ + cursor: pointer; /* Cursor indicates clickable link */ +} + +.copy-png-link:hover { + text-decoration: underline; /* Underline on hover for visual feedback */ +} +