Merhabalar..

Benim gördüğüm kadarıyla herkes main branch'a commit yapıyor bu durum hem sürüm yönetimini zorlaştırır hem de çözülmesi gereken çokça merge conflict meydana getirir.

Birde emin olamasam da nuxt yerine düz vue 3 daha kolay olurdu bu proje için çok aşırı komponente ihtiyaç yok gibi gözüküyor. Db konusu zaten doğru bir zeminde tartışılmış.

Son olarak i18n standardı ve çoklu dil desteği ile çıkılmalı proje böylece contribution sayısını çok fazla arttırabiliriz.

• Issue Title: Adding support for color blinds

• Description: This is more of an improvement suggestion rather than a bug report. It is really hard for me -as a color blind- distinguish between solid and liquid colors. And, since the colors appear for a short amount of time (I don't know if it is a bug or an intended behavior) when you move the slider knob of the temperature slider (range input), it becomes nearly impossible for me to understand which element is at which state.

• Steps: List the steps you took to encounter the issue. This is the most important step for us to figure out what the issue is. For example:

  1. Homepage loads.
  2. Temperature scrollbar is dragged.
  3. Temperature scrollbar is released.
  4. Colors appear.

• Expected Result vs. Actual Result: Please enter the expected result from the module in question and the actual result that is obtained. For example:

  • Expected Result: Showing more distinguishable "state of matters colors" OR adding an option to switch to a color-blind theme.
  • Actual Result: Hard to distinguish colors appear

• User Session: Please add the device and browser info you used to encounter the issue:

  • Google Chrome Version 97.0.4692.99 (Official Build) (x86_64)
  • macOS Monterey 12.0.1

• Priority Level: Low

Açıklama:

Şu an avatarların olduğu sayfada profil fotoları orantısız bir şekilde duruyor. Hoş değil.

Hata URL Adresi: https://periodum.com/credits

Çözüm / Öneri:

CSS'de avatar class'indaki height attribute'nin kaldırılabilinir. Ama bu durumda arkaplandaki kutuların da aynı oranda düzeltilmesi gerekecek.

Ekran Görüntüsü/Videosu:
Mevcut durum:

height attribute kaldırılığında:

Kullanıcı Oturumu:

• İnternet tarayıcısı ve versiyonu: Google Chrome v 97.0.4692.71 (Official Build) (arm64)
• İşletim sistemi ve versiyonunu / yapım numarası: Mac OS Monterey v12.1

Önem Derecesi: Düşük (Low)

Description: I am not sure under what circumstances this issue occurs, but sometimes the compounds panel does not load at all. Refreshing the page or using CTRL+F5 do not solve this issue. However, after a while, when I use the website, it loads just fine.

Bug URL: https://periodum.com/

Steps:

1. Mainpage loads.
2. The rest of the website loads properly.
3. "Compounds" panel on the right hand side does not load or it is not visible.

Expected Result: When a user visits the homepage, right panel must always load, just like the rest of the website.

Actual Result: When a user visits the homepage, the right panel sometimes loads.

Screenshot:

User Session:

• Google Chrome Version 97.0.4692.71 (Official Build) (64-bit)
• Microsoft Windows 11 Home Version 10.0.22000 Build 22000

Urgency: Medium

Şu anda sıcaklığı sadece çubukla ayarlayabiliyoruz. Onu elle de istediğimiz sayıya getirebilmemiz lazım. Tabii ki çubuğun pozisyonu da girilen sayıya göre yer değiştirmeli / kaymalı.

If we can find a database including acid/base information of elements, we should add them too.

Çok büyük ihtimalle bu projeyi çoklu dil desteğine açacağız (özellikle de İngilizce).

Şimdiden bu dil desteğini düşünecek şekilde planlamak önemli olabilir. Bunu tartışma olarak açacaktım; ama sistemi daha fazla büyümeden dil desteğini mümkün kılacak (muhtemelen bir dropdown menüden dil seçebileceğimiz şekilde) düzenlemek üzere issue açmak daha iyi olur diye düşündüm.

Merhaba.

README.md'de veya GitHub'ın About bölümünde periodum.com'a giden bir bağlantı yok.
About bölümüne eklenmesi güzel olur.

Şu anda bu mümkün değil ama gelecekte belki farklı tema seçenekleri ve/veya yazı büyüklükleri eklenebilir.

• Issue Title: Vertical Scrollbar issue (Overflow)

• Description: I think some components on site (example: footer) causes this issue, it can be fixed quickly and easily.

• Screen Shot/Video:

• Priority Level: Low

Firefox 96.0.1'de gördüğüm kadarıyla sağdaki bileşik paneli yok ancak Edge 97'de sorunsuz çalışıyor

Siteyi daha etkili kullanmak için mobil olmayan bir cihaza yönlendirmekteyiz. Ancak mobilde de etkili bir şekilde çalışabilmesi için bazı geliştirmeler yapabiliriz. Bunları tartışıp, en uygunlarını belirledikten sonra hayata geçirebiliriz.

Şu anda sıcaklık çubuğu kaydırıldığında, o sıcaklıkta elementlerin hangi hâlde olduklarını 4 ayrı renkle gösteriyoruz.

Ancak o 4 renk ikonunun (katı, sıvı, gaz, bilinmiyor) şu anda pek bir işlevi yok.

Şu şekilde işlev katabiliriz:

• Herhangi bir sıcaklığa gelindi.
• Hâl ikonlarından birine tıklandı.
• O sıcaklıkta o hâlde olan elementler yanabilir; böylece o hâl ikonları bir filtre gibi çalışabilir.

• Description:
  Changes need to be done for version 2.0:

  • Code refactoring | In Progress 90%
  • Restructuring modular components | In Progress 90%
  • Performance issue fixes | In Progress 90% (This is also related to Periodum API)
  • User experience improvements | In Progress 90%
  • Code contribution improvements (comments, guidlines etc.) | In Progress 50%
  • Code cleaning | In Progress 50%
  • Responsive experience
  • Cross-Browser experience

  For the items that are in progress, a PR will be published in a day or two.

• Priority Level: High

While Pull Requesting for the previous issue, I realized that our Pull Request Template is still in Turkish, so I think we should translate it as well.

Since we decided to translate the project to English, CONTRIBUTING.md needs to be translated to English.

Açıklama: Kelvin türetilmiş bir sıcaklık birimi olmadığı için ° işareti kullanılmıyor. Sadece C ve F için kullanılıyor. Dolayısıyla Kelvin biriminin olduğu yerlerden ° kaldırılmalı.

Hata URL Adresi: Site geneli.

Beklenen Sonuç vs. Gerçekleşen Sonuç:

• Beklenen Sonuç: Herhangi bir sıcaklık özelliğinde Celcius seçilirse °C, Fahrenheit seçilirse °F, Kelvin seçilirse K gelmeli.
• Gerçekleşen Sonuç: Herhangi bir sıcaklık özelliğinde Celcius seçilince °C, Fahrenheit seçilince °F, Kelvin seçilince °K geliyor.

Ekran Görüntüsü/Videosu: Bu sadece bir örnek, her yerde düzeltilmeli:

Önem Derecesi: Kod açısından Düşük (Low) ama kimyacıları dellendirmek açısından Kritik (Critical) 😝

Projenin bu platformda daha çok kişiye ulaşabilmesi, daha kolay gelişebilmesi adına Issue şablonları ile ilgili açıklamaların ve bundan sonraki Issue'ler ile PR'ların Türkçe değil İngilizce olması daha mantıklı olabilir.

Şu anda bunun için epey erken olabilir; ama fikirleri toplamak ve olasılıkları tartışmak açısından açmakta fayda görüyorum: Her ne kadar çok örneği olsa da, bu kadar detaylı bir veritabanına yaslanan Türkçe ve interaktif bir periyodik tablo olmamasından ötürü, acaba ayrı bir Android/iOS uygulama da yapsak mı

Artıları:

• Çok daha geniş kitleye ulaşabilmesi.
• Mobil siteden erişimi direkt olarak app'e yönlendirebiliriz.
• Veri tüketimini azaltabiliriz.

Eksileri:

• Çok daha fazla yük getirecek olması (hem mobil hem web tasarlanacak; yeterli komünite desteği gelirse sorun olmaz)

Zamanla bu listeyi genişleterek nihai kararı verebiliriz. Şimdilik böylece dursun.

Biz Periodum'u ilk başlattığımızda kısıtlı miktarda ekran boyutuna göre planlamıştık; ancak bunun şimdi daha geniş bir ekran çözünürlüğü çeşitliliğine genişletilmesi gerekiyor. Bu nedenle:

1. Hangi ekran çözünürlüklerinde çalışacağı belirlenmeli.
2. Bu ekran çözünürlükleri için kodlar düzenlenmeli.
3. Bu ekran çözünürlükleri haricinde kalan, özellikle de mobil/tablet ekranları için doğru uyarılar gösterilmeli ve yönlendirmeler yapılmalı.

We can add images such as:

Site artık sadece Evrim Ağacı + Bionluk olmaktan çıktı. Logoların yanına 3. bir logo olarak Github logosu ekleyebiliriz belki (veya text olarak yazılabilir). Ana sayfadan bu komüniteye yönlendirme yapalım.

Ayrıca künyeye de ekleme yapılabilir. Şöyle bir şey yazabiliriz:

GitHub Komünitesi | Yazılım Desteği
Periodum, ilk versiyonu yayına girdikten kısa bir süre sonra açık kaynak olarak geliştirilmeye başlanmış bir projedir. Dolayısıyla GitHub üzerinden çok sayıda yazılımcı, bu projenin geliştirilmesine katkı sağlamaktadır. Periodum'un daha da gelişmesi için siz de projeye dâhil olabilirsiniz.

Ayrıca ilerleyen dönemde tekil katkı sağlayanları da katkı miktarlarına göre ayrı ayrı künyeye ekleyebiliriz (şimdilik de eğer otomatik bir araç varsa GitHub contributor listesini oraya düzenli çekecek, o tür bir şey koyabiliriz).

When you move the isotope bar for the element chromium, the mass number is incorrectly displayed like this. "22 }}"

Projeyi tamamen açık kaynak olarak sürdürmek istiyor olsak da, komüniteye liderlik edebilecek, Github ve Vue.js konusunda deneyimli kişilere ihtiyacımız var.

Eğer normalden birazcık daha fazla sorumluluk alabileceğinizi ve projeyi ilerletme konusunda aktif liderlikte bulunabileceğinizi düşünüyorsanız, burada bir veya birkaç kişi belirleyebiliriz.

Tahmini Sorumluluklar:

1. Github kuralları & koordinasyonu (örneğin GitHub'da İngilizce mi çalışmak daha iyi olur, bu tür detaylar belirlenecek)
2. Projenin gidişatı konusunda bizim (önceki aylarda) çizdiğimiz çerçeveyi şekillendirme ve gerçekleştirme
3. Proje akışına yardımcı olma ve yönlendirme.

İhtiyaca göre daha fazla kişi alabilir veya rolleri gözden geçirebiliriz.

• Issue Title: Helium moves to the right when selecting S block in Filtre

• Description: When selecting S Block using the filter (Filtre), the little dot in the filter that represents Helium moves to the right. See the video below. I assume it is because s-block-active.svg and s-block.svg in assets/icons are not aligned. However that Helium block looks misaligned compared to the P Block in both of the svgs.

• Issue URL: Homepage https://periodum.com/

• Steps:

  1. Homepage loads.
  2. Select the S Block using the "filter as block" (Bloğa göre).
  3. Helium block moves to the right.
  4. Deselect the S Block or select another block.
  5. Helium block moves to the original position.

• Expected Result vs. Actual Result:

  • *Expected Result: When the S Block is selected, Helium must not change position
  • *Actual Result: When the S Block is selected, Helium changes position

• Screen Shot/Video:

• User Session: Please add the device and browser info you used to encounter the issue:

  • Browser Brand and Version: Google Chrome Version 97.0.4692.99 (Official Build) (x86_64)
  • Operating System and Version/Build Number: macOS Monterey 12.0.1

• Priority Level: Please pick a priority level depending on the impact of the issue:

  • Low: This is just a cosmetic issue that doesn't affect any functionality of Periodum

şahane uygulama,

yenike tıklandığında işlemin gerçekleşip gerçekleşmediği bilgisi geri bildirimi güzel olur( dönen ikon vs)
sol yan menüne element bilgisi açıkken boşa tıklandığında geri kapabilir

Sağ panelde bir bileşiğe ulaşmak biraz zor. Dolayısıyla "Örnek Bileşik" göstermemiz gerekiyor. Örneğin Hidrojen elementi sürüklendiğinde, onunla inşa edilebilecek en basit 2-3 bileşik (ve belki 1 tane daha karmaşık bileşik) önerilebilir.

Açıklama: README.md'de bahsi geçen Zeplin Tasarım Dosyasına erişmeye çalışıldığında yetki hatasıyla karşılaşılıyor.

Hata URL Adresi: https://zpl.io/bopNyyM

Adımlar:

1. Bu bağlantıyı kullanarak yeni bir Zeplin hesabı oluşturun.
2. Oluşturduğunuz hesapla giriş yaparak Zeplin Tasarım Dosyasını görüntülemeye çalışın.

Beklenen Sonuç vs. Gerçekleşen Sonuç:

• Beklenen Sonuç: Tasarım dosyasının görüntülenmesi.
• Gerçekleşen Sonuç: Yetki hatasından söz eden bir bildirimin görüntülenmesi.

Ekran Görüntüsü/Videosu:

Kullanıcı Oturumu:

• İnternet tarayıcısı ve versiyonu Firefox 96.0.1 (64-bit)
• İşletim sistemi ve versiyonunu/yapım numarası Microsoft Windows Version 10.0.19042.1469

Önem Derecesi: Düşük

Kod Numunesi: N/A

Gas and Liquid icons are mismatched

URL: https://periodum.com/

Steps to reproduce

• Go to Index of the site

Expected Result

• Icons displays correctly

Actual Result

• Gas and Liquid icons are mismatched

Visual Proof

Priority: LOW

Since unauthorized users can't label their issues unless they use a template also there can be issues other than bugs and we have no other issue templates than that bug issue related one.
So I think we should add more Issue templates for faster and more accurate classification at this point and now on.

Güzel bir loading animasyonumuz olmalı. Bu konuda ben çalışmalara başladım, gelişmelerden haberdar edeceğim.

Projenin farklı tarayıcılarda nasıl çalıştığını kontrol etmemiz ve aksaklıkları gidermemiz gerekiyor.

En öncelikli olanlar:

1. Chrome (Temelde buna yönelik tasarlandı)
2. Firefox
3. Safari

Ek olarak:

1. Opera
2. Edge

Mobil tarayıcılar için ayrı issue oluşturacağız.

Şimdilik mobil taraf hazır olana kadar en azından yan çevirme veya PC'ye geçmeyi öneriyoruz. Ancak şu anda bir hata var:

Olması gereken:

Sorun:
Projede gördüğüm kadarıyla çok fazla veri dolaşımı yok. Dolayısıyla uzak veritabanına da ihtiyacımız yok, kaldı ki MySQL çağımıza göre oldukça eski bir teknoloji. Projeyi kurmaya çalışırken gördüğümde şaşırdım.

Çözüm Önerisi:
Eğer gerçekten veritabanına ihtiyaç varsa PostgreSQL kullanan iki teknolojiden birini kullanabiliriz,

Birincisi Prisma.io, şemalar oluşturmanıza ve bu şemaları veritabanına aktarmanıza, kütüphanesiyle beraber ise veritabanı sorgusu yazmaya gerek kalmadan işlem yapmanıza olanak sağlıyor. Bu sayede ortak senkron şekilde proje geliştirilebilir.

İkincisi ise Supabase.io, Supabase'in Prisma'ya göre artısı sizin bir veritabanı hostu ayarlamanıza gerek kalmadan sizin için host oluşturuyor ve ENV ortamına yazabileceğiniz token veriyor, token ile beraber Supabase'ye bağlanıp kütüphaneyle veritabanı işlemlerini halledebiliyor, istatistikleri ise Supabase arayüzünden görebiliyorsunuz.

Üçüncü ve son önerim ise bunların hiçbirine gerek olmadığı ve verileri yerel veritabanında tutarak birçok maliyet ve yükten kurtulmamız olabilir. Yerel veritabanını da Prisma ile kullanabiliriz ve şemalar oluşturabiliriz.

Not: Issues sekmesinde de şemalar yok, yanlış hatırlamıyorsam Repository'nin Settings sayfasından şemalar oluşturabiliyorduk bu yüzden Label ekleyemedim, eklerseniz sevinirim.

Solid and liquid markers are very close to each other.

• Solid and liquid markers are very close to each other. They can be mixed with each other. Different colors can be used.

• Expected Result vs. Actual Result:
  A different color code may be chosen.

• Screen Shot/Video:
  

• Priority Level: Low

Selector :

#__layout > div > div:nth-child(2) > div.main > div > div:nth-child(1) > div:nth-child(1) > div.slider-box-wrapper > div:nth-child(1) > div.slider-box.purple

Şu anda siteden gelen yazıların okunurluğu biraz düşük, paragraf araları açılmalı, biraz okuma kolaylaştırıcı format düzenlemeleri yapılmalı.

Bütün elementlerin izotoplarını kontrol etmedim ama bazı hatalarla karşılaştım. H-3, B-11, Eu-151-155 için bilgiler hatalı. Menüde stabil olarak gösterilmiş. Bir de bazı elementlerin tüm izotoplarının bolluğu %100 bazılarınınki de %0 olarak gösterilmiş.

Background blurs cannot be rendered in Firefox

URL: https://periodum.com/

Steps to reproduce

• Go to Index of the site on Firefox
• Make some action that triggers a Sidebar to open (e.g. click on an element)

Expected Result

• Sidebar should have a blurry background effect

Actual Result

• Sidebar's background is just transparent and it's so hard to read what is on the sidebar

Visual Proof

Produced on

• Firefox(96.0.1(64-bit))[PS: You can reproduce this issue on every firefox version to date. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter]

Priority: LOW

Merhaba,
Firefox'da (96.0.1 (64 bit)) deyalı bilgi paneli transparan açıldığı için okumak pek mümkün değil maalesef.

• Originally posted by @krumdahr in #3 (comment)

Expected Result : Screenshot on Microsoft Edge

Actual Result : Screenshot on Mozilla Firefox

Priority Level : Low

Currently we're doing browser compatibility tests manually which is very costly in terms of time, however we do have BrowserStack.com Open Source license. These tests can be automated via BrowserStack.com

If you can implement this feature, please let us know your email and we will invite you to our BrowserStack team, so, you can start to implement the feature.

Priority Level: Medium

-Description: I want to test the project on my own computer and add more things, but the database is not connecting. I know that the project is made on macos/linux but there must be some way to use on windows.

-Steps:
1. Added mysql to path
2. Installed WSL to windows
3. Logged in to mysql via cmd mysql -u root -p
4. Temperature scrollbar is dragged again.

• Expected Result vs. Actual Result:

  • Expected Result: When commands complete "Setup Complete!" should appear
  • Actual Result: setup.sh: line 20: mysql: command not found Failed to create Database!

• Screen Shot/Video:
  

• User Session:

  • Windows 11 ver 10.0.22621

• Priority Level:
  Low:

• Code Sample: **mysql** --login-path=periodum -e "CREATE DATABASE periodum /*\!40100 DEFAULT CHARACTER SET utf8 */;" >/dev/null || { echo 'Failed to create Database!' ; exit 1; }

Açıklama: Eğer bir elementin detaylı bilgi metninde link varsa, arka plan rengi ile link rengi çok benzer olduğu için o linkler okunmuyor. Linklerin farklı bir renkte gösterilmesi sorunu çözecektir.

Hata URL Adresi: https://periodum.com

Adımlar:

1. Anasayfa açılıyor.
2. Karbon elementine tıklanıyor.
3. "Detaylı Bilgi" linkine tıklanıyor.
4. Bilgi kutusu açılıyor ama içindeki linkleri okumak çok zor.

Ekran Görüntüsü/Videosu:

Kullanıcı Oturumu: Hatayı alırken kullandığınız cihazın şu bilgilerini ekleyin:

• İnternet tarayıcısı ve versiyonu: Version 97.0.4692.71 (Official Build) (64-bit)

Önem Derecesi: Düşük (Low)

Since we decided to translate the project to English, I think our setup script should also be in English.

Site ilk etapta mobil kullanıma uygun bir yapıya sahip değil. Acil ihtiyaçlar giderildikten sonra mobil için ek geliştirmeler düşünebiliriz.

Şimdilik yapmamız gereken, farklı tarayıcılarda "En iyi deneyim için mobil olmayan bir cihaz kullanın." önerisini geliştirmek ve işlevsel hale getirmek.

Opsiyonel olarak, cihazı yan çevirmeyi de önerebiliriz. Bu yapılacak olursa, farklı mobil tarayıcılarda sistemin işlevsel olacak kadar elden geçirilmesi gerekiyor.

Life-making Elements Feature

A feature can be added for life-making elements. It seems appropriate to add it under the categories.

see
https://blog.oup.com/2019/02/how-six-elements-form-life-earth/

Priority Level: Low